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

Question

我有 jsfiddle 上的代码

http://jsfiddle.net/9qdBD/

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

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

Answer 1

这里更新，工作 jsFiddle

有几件事是错误的：

对于您拥有的线的 x 坐标

formatter(parser.parse(d.date))

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

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

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

这固定了 x 位置。然后你需要做类似的事情来将你的 y 值转换为 y 位置：

return y(d.total)