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))
因为线路生成器不知道要使用哪些数据。