Highcharts - изменить цвет серии на MouseOver

Question

Я знаю, что этот вопрос задан раньше, и я использовал много ответов, предоставленных другими, но я все еще не на 100% там.

Я хочу, чтобы все строки серии были серыми и одна mouseOver линии, «включите» их цвет, на мыши вернитесь назад в серый цвет.

Ive получил это частично работает here однако есть некоторые очевидные проблемы:

1. Я знаю, Ive жестко вписана позиция массива серии. Я не мог понять, как определить, в какой серии была указатель мыши. Каков наилучший способ сделать это?

   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. Mouseout не запускается, пока курсор не покинет область диаграммы. Как лучше отслеживать события мыши для строк серии?

Любые улучшения в отношении моего текущего кода очень ценятся.

Answer 1

Вы можете использовать:

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

вместо жесткого кодирования серии: http://jsfiddle.net/jlbriggs/f3Wq2/5/

я имел что-то подобное происходит какое-то время назад, используя флажки, а не события наведения мыши. Только в случае, если есть что-то в нем, что это полезно: http://jsfiddle.net/jlbriggs/57SR9/21/

Answer 2

Я считаю, что этот пример может быть решением для вопроса MouseOut:

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