在Highchart中使用自定义事件时，滚动条不会停止

Question

我正在使用highchart通过列堆栈，点标记和highstock滚动条显示一些数据。 我还在点上添加了click事件，以这种方式显示其他具有高幻灯片弹出效果的数据：

//click function
  click: function (e) {
  hs.htmlExpand(null, {
  pageOrigin: {
  x: e.pageX || e.clientX,
  y: e.pageY || e.clientY
  },
  headingText: this.series.name,
  maincontentText: this.x + '(x) <br/> ' +
  this.y + ' (y)' + ' <br/> ',
  width: 200
  });
}

当滚动条向右移动时，黄色的列堆栈消失（x> 2580），它将变得不可控制。 滚动条一直在移动，并且不会停止。 从那时起，滚动条将无法停止，除非它向左返回x <2580的值。

此错误与自定义事件的使用有关。 如果我们删除相关行

script src="customEvents.js" type="text/javascript"></script

滚动条有效，但click事件无效。

可以在以下位置找到该脚本： http : //jsfiddle.net/vb77a6tk/3/