Javascript 如何在折线图路径d3.js上添加圆
这是我的图表 我试图在沿直线路径的每个数据点上添加一个圆,但似乎找不到这样做的方法 这是我用来画圆/线的代码Javascript 如何在折线图路径d3.js上添加圆,javascript,d3.js,Javascript,D3.js,这是我的图表 我试图在沿直线路径的每个数据点上添加一个圆,但似乎找不到这样做的方法 这是我用来画圆/线的代码 var selectLine = svg.selectAll(".line") .data([data]) var selectCircle = svg.selectAll(".circle") .data([data]) svg.append("g") .attr("class", "x axis") .attr("transform"
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)