highcharts - 在mouseover和mouseout上设置线条颜色？

Question

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

这个js小提琴改变鼠标上的线条的颜色，但之后抛出错误，鼠标外出似乎永远不会触发： 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
          }
        }

我知道有一些“徘徊”＆＃39;图表初始配置的选项，但是在图表初始化之后想要设置此颜色。

Answer 1

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

请参阅here

stickyTracking: false,

          events: {
            mouseOver: onMouseOver,
            mouseOut: onMouseOut
          }