2

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

我对 D3.js 非常陌生,我试图让折线图正常工作(实际上,一个有多条线)。我已经阅读了d3 API 参考和一些教程几次,但仍然无法弄清楚我的问题是什么。通常我在适应新事物方面真的很快。

画圆圈效果很好,但线条路径似乎是个问题。DOM 检查器向我展示了我的 SVG 中的许多路径元素,每个元素的大小为0px x 1px.

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

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

如何显示这些行?

4

1 回答 1

5

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

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

于 2012-09-28T13:05:56.943 回答