这是我的图表;
http://plnkr.co/edit/Cej2NcyUWysAsKiMAEXj?p=preview
我试图在沿线路径的每个数据点上添加一个圆,但似乎找不到解决方法。
这是我用来绘制图形的圆/线的代码;
var selectLine = svg.selectAll(".line")
.data([data])
var selectCircle = svg.selectAll(".circle")
.data([data])
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
svg.append("g")
.attr("class", "y axis")
.call(yAxis)
selectLine.enter().append("path")
.attr("class", "line")
.attr("d", line);
selectCircle.enter().append("circle")
.attr("class", "circle")
.attr("r", 3.5)
.attr("cx", function(d) {
return x(new Date(2016, moment(d.date, 'MMMM').format('M') - 1, 1))
})
.attr("cy", function(d) {
return y(d.close)
})
任何帮助/建议都非常感谢!
谢谢
改变
var selectCircle = svg.selectAll(".circle")
.data([data])
到
var selectCircle = svg.selectAll(".circle")
.data(data)
因为您希望将每个点都视为单独的项目
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句