javascript - 显示dygraph点的平均值，随着用户缩放而动态修改

Question

我见过这个 - Horizontal line to show average in 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;