d3.svg.line()问题

时间:2012-09-28 11:11:33

标签: javascript svg d3.js

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”字符串,但这一切都没有真正帮助。

如何显示这些行?

1 个答案:

答案 0 :(得分:5)

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

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