d3.js - 从 d3 中的两个系列数据中绘制一个

Question

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

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

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

请看看这个小提琴，在我丢失它之前告诉我我做错了什么。

Answer 1

一些东西。首先，不要将您的数字编码为字符串（“y”的值），这会在以后搞砸。其次，数据结构存在一些混淆。您生成的数据series_data看起来像

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

虽然您的线路功能似乎期待类似

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

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