D3多线图的解析错误

Question

我知道之前已经问过这个问题，但我现在已经尝试调试一段时间了。

我试图绘制多条线，但就目前而言，我只测试一行数据。

http://jsfiddle.net/csebranek/3yH75/3/

任何帮助都将不胜感激。

Error: Problem parsing d="MNaN,450LNaN,444.1011235955056CNaN, ...

Answer 1

问题是您将原始data传递给为x缩放设置域的函数，但解析的日期位于lakes。由于这是一个嵌套结构，您不能使用相同的代码来提取极值，而是使用与用于设置y刻度域的行相同的代码：

x.domain([
  d3.min(lakes, function(c) { return d3.min(c.values, function(v) { return v.date; }); }),
  d3.max(lakes, function(c) { return d3.max(c.values, function(v) { return v.date; }); })
]);

完整演示here。

Answer 2

当您应用于数据的x比例返回NaN（即任何非数字值）时，这是输出。

在这种情况下，您的线路生成器看起来正在寻找x(d.date);，但您将日期解析为d.LocalDateTime。所以它正在调用x(undefined)。