更改highcharts中条件栏的颜色
我正在使用highcharts,我想根据其Y轴值更改条形图的颜色 比如:更改highcharts中条件栏的颜色,highcharts,Highcharts,我正在使用highcharts,我想根据其Y轴值更改条形图的颜色 比如: { color: '#92D050', //DEFAULT COLOR OF CURRENT YEAR BAR ON EACH GROUP name: 'AUG', shadow: false, data: [ { y: 66, color: '#92D050' }, { y: 55, color: 'red' }, { y: 78, color:
{
color: '#92D050', //DEFAULT COLOR OF CURRENT YEAR BAR ON EACH GROUP
name: 'AUG',
shadow: false,
data: [
{ y: 66, color: '#92D050' },
{ y: 55, color: 'red' },
{ y: 78, color: '#92D050' },
{ y: 55, color: 'red'}
]
}
这里我如何应用y:>60这样的编码,您可以对每个元素进行迭代,并修改SVG参数,如fill
您可以迭代每个元素并修改SVG参数,如fill
这不起作用,因为如果将鼠标放在列上,颜色将重置为原始颜色 我用这段代码解决了这个问题,使用了一个变量来计算我要为多少列着色。在我的例子中,j被设置在6之前
这不起作用,因为如果将鼠标放在列上,颜色将重置为原始颜色 我用这段代码解决了这个问题,使用了一个变量来计算我要为多少列着色。在我的例子中,j被设置在6之前
非常感谢精确的解决方案非常感谢精确的解决方案
var max = 200;
$.each(chart.series[0].data,function(i,data){
if(data.y > max)
data.graphic.attr({
fill:'red'
});
});
var j = 6;
$.each(chart.series[0].data, function(i,data){
for (var n = 0; n <= j; n++) {
chart.series[0].data[n].update({color:'#441606'});
}
});