从 d3 中的两个系列数据中绘制 a



实际上应该是一个非常简单的任务.....我正在遵循本教程,但我似乎无法显示该行。唯一的区别是我正在处理两组数据,而他只处理一组(Y 值是按索引位置缩放的)。

我以以下方式转换了我的数据

var series_data = {'x':x,'y':y};
g.append("svg:path").attr("d", line(series_data));

请看看这把小提琴,在我失去它之前告诉我我做错了什么。

有几件事。首先,不要将数字编码为字符串("y"的值),这会在以后搞砸事情。其次,数据结构存在一些混淆。您为series_data生成的数据如下所示

{'x': [...], 'y': [...]}

而您的行函数似乎期待类似的东西

[{'x': [...], 'y': [...]}, {'x': [...], 'y': [...]}, ...]

我已经在更新的 jsfiddle 中修复了这个问题,并为创建的路径添加了 CSS,以便您可以看到它。

最新更新