d3.svg.line() issues



JSFiddle Link: http://jsfiddle.net/zDgsp/

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

画圆工作正常,但线条路径似乎是一个问题。DOM 检查器向我展示了 SVG 中的许多路径元素,每个元素的大小为 0px x 1px

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

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

如何显示这些线条?

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

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

最新更新