Javascript 多线图的D3分析错误

Javascript 多线图的D3分析错误,javascript,d3.js,Javascript,D3.js,我知道以前有人问过这个问题,但我已经试着调试了一段时间了 我试图绘制多行,但现在,我只测试一行数据 任何帮助都将不胜感激 Error: Problem parsing d="MNaN,450LNaN,444.1011235955056CNaN, ... 这是应用于数据的x比例返回NaN(即任何非数值)时的输出 在本例中,看起来您的行生成器正在查找x(d.date)但是您正在将日期解析为d.LocalDateTime。因此,它正在调用x(未定义)问题是,您正在将原始数据传递给为x刻度设置域的函

我知道以前有人问过这个问题,但我已经试着调试了一段时间了

我试图绘制多行,但现在,我只测试一行数据

任何帮助都将不胜感激

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

这是应用于数据的
x
比例返回
NaN
(即任何非数值)时的输出


在本例中,看起来您的行生成器正在查找
x(d.date)
但是您正在将日期解析为
d.LocalDateTime
。因此,它正在调用
x(未定义)

问题是,您正在将原始
数据
传递给为x刻度设置域的函数,但解析的日期在
中。由于这是一个嵌套结构,您不能使用相同的代码来提取极值,而是使用与用于设置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; }); })
]);

完成演示。

这是我一开始的想法,但是
LocalDateTime
实际上存储在
date
中,最终被传递到
.data()
的结构中。问题是x刻度的范围设置不正确。