javascript - highcharts - 在鼠标悬停和鼠标移出时设置线条颜色？

Question

我试图在用户将鼠标悬停在线条上时在 Highcharts 中设置线条颜色，然后在用户鼠标移出时将线条颜色更改为其他颜色。

这个 js fiddle 在鼠标悬停时改变线条的颜色，但之后会抛出错误并且鼠标移出似乎永远不会触发: http://jsfiddle.net/looshi/za7n3h29/10/

上面的 js fiddle 是从这个 SO answer 派生出来的，它在图表初始化后以编程方式设置了一个线属性: Highcharts -- how to change line width programmatically and prevent resetting line width?

我想使用系列的鼠标事件选项来验证这是否可行:

        point: {
          events: {
            mouseOver: onMouseOver,
            mouseOut: onMouseOut
          }
        }

我知道图表的初始配置有一些“悬停”选项，但我想在图表初始化后设置此颜色。

Answer 1

您需要使用 stickyTracking: false。您收到错误是因为在 mouseOut 之后它试图在工具提示中获取点的数据。你应该连续调用 mouseOver 和 mouseOut 而不是 series.point

参见 Updated fiddle here

stickyTracking: false,

          events: {
            mouseOver: onMouseOver,
            mouseOut: onMouseOut
          }