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

Question

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

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

上面的 js 小提琴是从这个 SO 答案派生的，它在图表初始化后以编程方式设置线属性： 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
          }