显示 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;

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

Show average of dygraph points, which dynamically amends as the user zooms

javascript

average

dygraphs