在 angular 的 highchart 中动态添加一条平均线

Question

如何在 highcharts 的随机图表中添加一条线，显示任何绘制图形的平均值。
图片 - average line
有什么方法可以在 angular 中添加这个？

Answer 1

您需要计算平均值并添加绘图线。示例：

events: {
  load: function() {
    var yData = this.series[0].yData;
    const sum = yData.reduce((a, b) => a + b);

    this.yAxis[0].addPlotLine({
      value: sum / yData.length,
      color: 'red',
      dashStyle: 'longdash'
    });
  }
}

现场演示： http://jsfiddle.net/BlackLabel/vt4muzr2/

API参考：https://api.highcharts.com/class-reference/Highcharts.Axis

在 angular 的 highchart 中动态添加一条平均线

Dynamically add an average line in highchart in angular

highcharts

angularjs