更改栏的颜色在highcharts条件(Change the color of bar on con

我使用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'}
    ]
}

在这里，我怎么能申请codition像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'});

   }

});

文章来源: Change the color of bar on condition in highcharts