在当前视口中为高库存绘制平均值线

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 参考文献：

Plot line of average values in the current view port for high stock