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”字符串,但这一切都没有真正帮助。
如何显示这些行?
答案 0 :(得分:5)
最后一行:.attr('d', line(dataset))
因为行生成器不知道要使用哪些数据。