Question

我想要实现与下面的图表非常相似的东西

Sorry I do not have any code

但是我想创建一个与当前视图数据端口一起移动的绘图线。因此，当您在Highstock中拖动或调整视图大小时，我希望看到整个视图端口的平均值（单行）。

我没有看到任何这样做的样本。任何人都可以指出我这样的事情吗？

Answer 1

当导航器移动时，x轴上的极值发生变化。您可以使用以下代码捕获此事件：

yAxis: {
    events: {
    afterSetExtremes: function() {
        console.log(this.series[0].points);
    }
  }
}

points数组包含视口中可见的所有点 - 使用它们计算绘图线的值。然后像这样更新图表（在afterSetExtremes事件中）：

this.xAxis[0].update({plotLines: [{
 // new value here
}]});

API参考：