在d3中绘制两个系列的数据

Question

实际上应该是一个非常简单的任务.....我正在关注这个tutorial但我似乎无法让这条线出现。唯一的区别是我正在使用两组数据而他只使用一组（Y值是按索引位置的比例）。

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

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

请查看this fiddle并告诉我在失去之前我做错了什么。

Answer 1

一些事情。首先，不要将你的数字编码为字符串（“y”的值），这将使事情变得混乱。其次，数据结构存在一些混淆。您为series_data生成的数据类似于

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

虽然你的线功能似乎期待像

这样的东西

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

我已经在the updated jsfiddle修复此问题，并为创建的路径添加了CSS，以便您可以看到它。