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刻度的范围设置不正确。