Question

我正在使用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: '#92D050' },
       { y: 55, color: 'red'}
    ]
}

在这里我如何应用y的代码：＆gt; 60

Answer 1

您可以迭代每个元素并修改像填充这样的SVG参数。

http://jsfiddle.net/CaPG9/

var max = 200;

$.each(chart.series[0].data,function(i,data){

   if(data.y > max)
       data.graphic.attr({
       fill:'red'
   });

});

Answer 2

它不起作用，因为如果将鼠标放在列上，则会重置原始颜色。

我用这个代码解决了，使用一个变量来计算我想要着色的列数。就我而言，j之前设置为6。

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'});

   }

});

在highcharts中更改条件的条形颜色

2 个答案: