多线图D3.js

Question

我正在尝试根据此示例在我的图表上绘制多行：

http://bl.ocks.org/mbostock/3884955

使用PHP从mySQL数据库中提取数据 - 输出格式如下：

 [{"dateTimeTaken":"2013-02-21 07:39:29","reading":"12.2","parameterType":"Flouride"},
 {"dateTimeTaken":"2013-02-21 07:39:34","reading":"12.01","parameterType":"Temperature"}, 
 {"dateTimeTaken":"2013-02-2107:39:39","reading":"12.01","parameterType":"PH"},...etc.

我想每个parameterType有一行，但没有任何运气让它工作。目前收到错误“问题解析d”并且没有显示任何行。

https://gist.github.com/Majella/ab32fe0151fd487da3f6

如果有人能帮我理解我哪里出错了，我会很感激吗？

Answer 1

问题出在你的data.map调用中 - 它应该在结果数组中返回你想要的修改对象。要修复，只需修改d并将其返回。

工作示例here。