Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 更改HighCharts条形图中数据标签的颜色_Javascript_Jquery_Html_Css_Highcharts - Fatal编程技术网

Javascript 更改HighCharts条形图中数据标签的颜色

Javascript 更改HighCharts条形图中数据标签的颜色,javascript,jquery,html,css,highcharts,Javascript,Jquery,Html,Css,Highcharts,我想设置数据标签的颜色。我当前的代码在底部 具体地说,我想使对应于灰色条的数据标签的颜色为灰色,绿色条为绿色。我该怎么做 因此,为了澄清,例如,第一个条形图,值96.6将为灰色,值45将为绿色。现在全黑了 我很感激你的帮助。多谢各位 Highcharts.chart('container'{ 图表:{ 类型:'bar' }, 标题:{ 文本:空, 对齐:'居中', 垂直排列:“底部”, }, xAxis:{ 类别:['1','2','3','4','5','6','7','8','9','10

我想设置数据标签的颜色。我当前的代码在底部

具体地说,我想使对应于灰色条的数据标签的颜色为灰色,绿色条为绿色。我该怎么做

因此,为了澄清,例如,第一个条形图,值96.6将为灰色,值45将为绿色。现在全黑了

我很感激你的帮助。多谢各位

Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
文本:空,
对齐:'居中',
垂直排列:“底部”,
},
xAxis:{
类别:['1','2','3','4','5','6','7','8','9','10','11-17','18-28','29+'],
标题:{
文本:“每位客户的访问量(TTM)”
},
},
亚克斯:{
分:0,,
标题:{
文本:“总体平均回报率:64天”,
y:10
},
标签:{
溢出:'justify'
}
},
/*
工具提示:{
valueSuffix:'百万'
},
*/
工具提示:{
headerFormat:“{point.key}”,
pointFormat:“{series.name}:”+
“{point.y:.0f}mm”,
页脚格式:“”,
分享:是的,
useHTML:true
},
打印选项:{
酒吧:{
数据标签:{
启用:对,
}
}
},
图例:{
布局:“水平”,
对齐:“右”,
垂直排列:“顶部”,
x:0,,
y:5,
浮动:是的,
边框宽度:1,
背景颜色:((Highcharts.theme&&Highcharts.theme.legendBackgroundColor)| |'#FFFFFF'),
影子:对
},
学分:{
已启用:false
},
系列:[{
名称:“2018年第1季度(TTM)年度客人价值”,
数据:[0,96.6,73.2,60.3,52.5,46.6,41.4,37.5,34.4,31.9,25.4,17.0,9.7],
颜色:“灰色”
}, {
名称:“第一次和第二次访问之间的天数”,
数据:[23,45,65,85,105,125,144,163,179,199,258,394,847],
颜色:“绿色”
}]
});

使用

对于单个系列

供参考:

Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
文本:空,
对齐:'居中',
垂直排列:“底部”,
},
xAxis:{
类别:['1','2','3','4','5','6','7','8','9','10','11-17','18-28','29+',
标题:{
文本:“每位客户的访问量(TTM)”
},
},
亚克斯:{
分:0,,
标题:{
文本:“总体平均回报率:64天”,
y:10
},
标签:{
溢出:'justify'
}
},
/*
工具提示:{
valueSuffix:'百万'
},
*/
工具提示:{
headerFormat:“{point.key}”,
pointFormat:“{series.name}:”+
“{point.y:.0f}mm”,
页脚格式:“”,
分享:是的,
useHTML:true
},
打印选项:{
酒吧:{
数据标签:{
启用:对,
}
}
},
图例:{
布局:“水平”,
对齐:“右”,
垂直排列:“顶部”,
x:0,,
y:5,
浮动:是的,
边框宽度:1,
背景颜色:((Highcharts.theme&&Highcharts.theme.legendBackgroundColor)| |'#FFFFFF'),
影子:对
},
学分:{
已启用:false
},
系列:[{
名称:“2018年第1季度(TTM)年度客人价值”,
数据:[0,96.6,73.2,60.3,52.5,46.6,41.4,37.5,34.4,31.9,25.4,17.0,9.7],
颜色:“灰色”,
//标签颜色
数据标签:{
风格:{
颜色:“灰色”
}
}
}, {
名称:“第一次和第二次访问之间的天数”,
数据:[23,45,65,85,105,125,144,163,179,199,258,394,847],
颜色:“绿色”,
//标签颜色
数据标签:{
风格:{
颜色:“绿色”
}
}
}]
});

dataLabels: {
  style: {
    color: 'the color you want'
  }
}