Highcharts - ツールチップが表示されたときにツールチップが表示されたら、チャートの変更不透明度

Question

、それはラベルが現在表示されているデータ点を除いて、グラフ内のすべてのデータポイントの不透明度を変更することは可能でしょうか？マウスがカラム上に移動したとき、その列のビットをハイライト表示されるデフォルトのカラムチャートで

すなわち。同じイベントでは、他の列の不透明度を50％に変更したいと思います。あなたのチャートの場合にポイントマウスオーバーとマウスアウトイベントのコールバック関数を使用することができます

おかげ

Answer 1

。このイベントの中で、特定のポイントの色を更新することができます。 http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.area.point.events.mouseOut

あなたはRGBAカラーを使用する場合、あなたはあなたの不透明度を設定することができるようになります。ここで

point: { 
    events: { 
     mouseOver: function() { 
     Highcharts.each(this.series.data, function(p, i) { 
      p.update({ 
      color: 'rgba(50,120,60,0.5)' 
      }, false) 
     }); 
     this.update({ 
      color: 'rgba(50,120,60,1)' 
     }); 
     }, 
     mouseOut: function() { 
     Highcharts.each(this.series.data, function(p, i) { 
      p.update({ 
      color: 'rgba(50,120,60,1)' 
      }, false) 
     }); 
     this.series.chart.redraw(); 
     }, 
    } 
    } 

あなたはそれが動作する方法の例を見ることができます： http://jsfiddle.net/4q10q8r1/

よろしく。