javascript - d3.svg.line() 问题

Question

JSFiddle 链接: http://jsfiddle.net/zDgsp/

我是 D3.js 的新手，我试图让折线图正常工作(实际上是多条线)。我读过 d3 API reference和一些教程几次，但仍然无法弄清楚我的问题是什么。通常我适应新事物的速度非常快。

绘制圆圈效果很好，但线条路径似乎是个问题。 DOM 检查器向我显示了一些位于我的 SVG 中的路径元素，每个元素的大小为 0px x 1px。

当我执行 console.log() 时，line.x() 和 line.y() 中的返回值> 处理程序，我想这些 console.log() 甚至都没有被调用。这让我很困惑，因为我正在做与 API 中所述完全相同的事情。 , 除了将 x(d.x) 替换为 x(i) 并将 y(d.y) 替换为 y(d) 因为我使用的是不同的数据。

我还尝试为封闭路径添加“Z”字符串，但这一切都没有真正帮助。

如何显示这些行？

Answer 1

最后一行:.attr('d', line(dataset))

因为线生成器不知道要使用哪些数据。