实际上应该是一个非常简单的任务.....我正在遵循本教程,但我似乎无法显示该行。唯一的区别是我正在处理两组数据,而他只处理一组(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,以便您可以看到它。