显示dygraph点的平均值，在用户缩放时动态修正

Question

我见过这个 - Horizontal line to show average in dygraph - 它并没有完全回答我的问题。

我有以下简单的dygraph：

g2 = new Dygraph(
  document.getElementById("graphdiv2"),
  "../newDataFile.csv",
  { ... }
);

其中newDataFile.csv有两列。

我想要显示的是绘制的点的平均值（作为一条线或只是一个数字），并且当我放大到图形的不同部分时，这个平均值会发生变化。有什么想法吗？

Answer 1

var idx=1; //change this value if you have several plots.
var data = g2.rawData_;
var sum = data.map(function(e){return e[idx]})
              .reduce(function(a,b){return a+b});
var average = sum/data.length;

如果要缩放图表，只想显示值：

var idx=1; //change this value if you have several plots.
var data = g2.rawData_.slice(g2.boundaryIds_[idx][0],g2.boundaryIds_[idx][1]+1);
var sum = data.map(function(e){return e[idx]})
              .reduce(function(a,b){return a+b});
var average = sum/data.length;