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

highcharts - set line color on mouseover and mouseout?

本文关键字：设置 颜色 mouseout mouseover highcharts-      更新时间：2023-09-26

我试图在用户鼠标悬停在线图中设置线的颜色，然后在用户鼠标离开时将线的颜色更改为其他颜色。

这个js-fiddle在鼠标悬停时更改了线条的颜色，但之后会抛出错误，鼠标悬停似乎从未启动：http://jsfiddle.net/looshi/za7n3h29/10/

上面的js-fiddle是从这个SO答案派生而来的，它在图表初始化后以编程方式设置了一个行属性：Highcharts--如何以编程方式更改线宽并防止重置线宽？

我想使用一个系列的鼠标事件选项来验证这是否可能：

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

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

您需要使用stickyTracking:false。您会得到错误，因为在mouseOut之后，它试图在工具提示中获取点的数据。您应该调用系列中的mouseOver和mouseOut，而不是系列。点

请参阅此处的更新小提琴

stickyTracking: false,
          events: {
            mouseOver: onMouseOver,
            mouseOut: onMouseOut
          }
相关文章：