javascript - D3.js "Error: Invalid value for attribute"移动平均线

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; }))