Highcharts - 在 MouseOver 上更改系列颜色答案

【问题标题】：Highcharts - change series color on MouseOverHighcharts - 在 MouseOver 上更改系列颜色
【发布时间】：2013-03-07 16:56:37
【问题描述】：

我知道以前有人问过这个问题，并且我大量使用了其他人提供的很多答案，但仍然不是 100% 的方式。

我希望所有系列线都是灰色的，并且该线的一个鼠标悬停，“打开”它们的颜色，在鼠标移出时恢复为灰色。

我已经部分工作了here，但是有一些明显的问题：

我知道，我已经硬编码了系列数组的位置。我无法弄清楚如何确定鼠标在哪个系列上。最好的方法是什么？

 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');
                }
            }
        }
}

鼠标离开直到光标离开图表区域才会触发。如何更精确地跟踪系列行的鼠标事件？

非常感谢对我当前代码的任何改进。

【问题讨论】：

标签： highcharts linechart

【解决方案1】：

你可以使用：

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

而不是硬编码一个系列： http://jsfiddle.net/jlbriggs/f3Wq2/5/

不久前我也有类似的事情，使用复选框而不是鼠标悬停事件。以防万一里面有什么有用的东西： http://jsfiddle.net/jlbriggs/57SR9/21/

【讨论】：

效果很好，谢谢。知道为什么直到您离开图表区域才会触发 mouseout 事件吗？

【解决方案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

【讨论】：