无法在d3中绘制线条，解析错误

Question

我在jsfiddle上有代码

http://jsfiddle.net/9qdBD/

我能够绘制轴和网格线，但是当涉及实际线时，我得到了解析问题。不知道为什么。我可能错过了一些明显的东西。这是我得到的错误。

Error: Problem parsing d="MNaN,1LNaN,8LNaN,2LNaN,10LNaN,3LNaN,20LNaN,90"

Answer 1

这里是updated, working jsFiddle

有些事情是错的：

对于你所拥有的行的x坐标

formatter(parser.parse(d.date))

首先，在解析日期调用formatter会产生一个字符串，这不是绘制值所需的字符串。您需要日期的定量值，因此只需parser.parse(d.date)

接下来，您需要将每个日期转换为沿x轴的x位置。您已经创建了一个x-scale（在代码中分配给var x），用于绘制轴，您需要使用相同的比例将日期转换为所述x位置：

return x(parser.parse(d.date))

修正x位置。然后你需要做一个类似的事情来将y值转换为y位置：

return y(d.total)