javascript - 当 highstock 图表滚动时，标记的位置不跟随系列

Question

我创建了一个包含两个系列的 highstock 图表，当鼠标悬停在标记和工具提示上时，将显示，不要移动鼠标，当图表滚动时，您会看到其中一个标记不跟随系列。这是屏幕截图如何修复？

这是我的代码：https ://jsfiddle.net/sylance/fz7cv853/3/

Highcharts.setOptions({
  global: {
    useUTC: false
  }
});

var chart = Highcharts.stockChart('container', {
  chart: {
    type: 'line',
    events: {
      load: function() {
        setInterval(updateData, 1000);
      }
    }
  },
  title: {
    text: 'test chart'
  },
  legend: {
    enabled: true
  },
  series: [{
    name: 'CH1',
    data: []
  }, {
    name: 'CH2',
    data: []
  }]
});

function updateData() {
  t = new Date().getTime();
  for (i = 0; i < 2; i++) {
    chart.series[i].addPoint([t, Math.random() * 41 - 10], false);
  }
  chart.redraw();
}

将鼠标放在图表的右上角或右下角区域将有助于重现问题。

标签： javascripthighchartshighstock