javascript - Highcharts - 更新系列会导致与工具提示相关的错误(鼠标悬停)

Question

可以看出in this simple fiddle,在数据点上触发 mouseOver 事件并通过 series.update() 更新系列的属性会导致 js 错误:

Uncaught TypeError: Cannot read property 'tooltipOptions' of null

代码:

plotOptions: {
         series: {
             cursor: 'pointer',
             point: {
                 events: {
                     mouseOver: function () {
                         console.log('why does an error appear?');
                         this.series.update({
                             lineWidth: 10
                         });
                     },
                     mouseOut: function () {
                         console.log('bla');
                     }
                 }
             }
         }
     },

我做错了什么？感谢您提供信息。

将tooltip设置为enabled: false时，报错信息为:

Uncaught TypeError: object is not a function highcharts.js:300
  r.onMouseOver                              highcharts.js:300
  Wa.runPointActions                         highcharts.js:158
  Wa.onContainerMouseMove                    highcharts.js:165
  b.onmousemove                              highcharts.js:167

Answer 1

问题是当你使用 mouseOver 事件时，你会多次捕获这个事件，所以系列更新也会被多次调用。您应该考虑另一个事件，如点击，它将被调用一次。