更改高光條件下條的顏色

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'} 
    ] 
} 

在這裏，我怎麼能申請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'}); 

    } 

});