highcharts - 在mouseover和mouseout上設置線條顏色？

Question

當用戶將鼠標懸停在線上時，我試圖在highcharts中設置線條顏色，然后在用戶將鼠標移出時將線條顏色更改為其他顏色。

這個js小提琴改變鼠標上的線條的顏色，但之后拋出錯誤，鼠標似乎永遠不會出現： http ： //jsfiddle.net/looshi/za7n3h29/10/

上面提到的js是從這個SO答案中分出的，它在圖表初始化之后以編程方式設置了一個行屬性： Highcharts - 如何以編程方式更改行寬並防止重置行寬？

我想驗證是否可以使用系列的鼠標事件選項：

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

我知道圖表的初始配置有一些“懸停”選項，但是在圖表初始化之后想要設置這種顏色。

Answer 1

你需要使用stickyTracking：false。 您收到錯誤是因為在mouseOut嘗試在工具提示中獲取點數據之后。 你應該調用mouseOver和mouseOut而不是series.point

請參閱此處更新的小提琴

stickyTracking: false,

          events: {
            mouseOver: onMouseOver,
            mouseOut: onMouseOut
          }