D3.js“错误：<path> 属性的值无效”用于移动平均

Question

我正在尝试在图表的其余部分创建移动平均线。我正在尝试做类似于this.
但是，对于我的数据点，我不断收到错误：

“错误：属性值无效 d="M1.2121212121212122,NaNL1.4141414141414141,NaNC1.6161616161616161,NaN,2.0202020202020203,NaN,2.4242424..."

我相信这是因为我的数据格式不正确，但我不知道如何修改函数以处理我的数据。我的数据目前看起来像：

var data = [ {"x": 1, "y": 113},
{"x": 6, "y": 38},
{"x": 11, "y": 108},
{"x": 16, "y": 245},
{"x": 21, "y": 155},
{"x": 26, "y": 234},
...

谢谢

Answer 1

只需将您的 [{x1,y1}, {x2,y2}, ... {xN,yN}] 对映射到 [y1, y2, ... yN ] 系列，这就是移动平均函数所期望的：

movingAverageLine(data.map(function(d) { return d.y; }))

Answer 2

这是一个有效的小提琴：http://jsfiddle.net/yz87b53d/3/

您应该接受meetamit's answer，因为这本质上是问题所在。

movingAverageLine(data.map(function(d) { return d.y; }))