Highcharts - 在MouseOver上更改系列顏色

Question

我知道這個問題之前已經被問過了，而且我已經使用了很多其他人提供的答案，但仍然不是100％的方式。

我希望所有的一系列的線是灰線的一個鼠標懸停「打開」它們的顏色，鼠標移開時恢復爲灰色。

Ive得到了這部分工作here但也有一些明顯的問題：

1. 我知道，我已經硬編碼了系列陣列的位置。我無法弄清楚如何確定鼠標在哪個系列上。什麼是最好的方法來做到這一點？

   plotOptions: { 
        series: { 
         events: { 
          mouseOver: function() {chart.series[0].graph.attr('stroke', '#0000FF'); 
           $report.html('Moused over') 
           .css('color', 'green'); 
          }, 
          mouseOut: function() {chart.series[0].graph.attr('stroke', '#C0C0C0'); 
           $report.html('Moused out') 
           .css('color', 'red'); 
          } 
         } 
        } 
   }  
   

2. 鼠標移開心不是觸發直到光標離開圖表區域。如何更精確地跟蹤系列行的鼠標事件？

任何改善我當前的代碼是高度讚賞。

Answer 1

您可以使用：

this.graph.attr('stroke', '#0000FF'); 

而不是硬編碼一個系列： http://jsfiddle.net/jlbriggs/f3Wq2/5/

我有類似的一些事情而回，使用複選框而不是鼠標懸停事件。萬一有一個在它那個東西是有幫助： http://jsfiddle.net/jlbriggs/57SR9/21/

Answer 2

我相信這個例子可能是在鼠標移開問題的解決方案：

http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-events-mouseover-no-sticky/

這放慢參數可能是你需要的東西：

stickyTracking: false, 

並在文檔中：

http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut