highcharts - ハイチャートの状態でバーの色を変更する

Question

ハイチャートを使用していますが、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

要素ごとに繰り返し、fill などの 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'});

   }

});