highcharts - 在高图表中根据条件更改条形的颜色

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这样的编码：> 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'});

   }

});