如何將圓形添加到折線圖路徑d3.js

Question

這是我的圖表;

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) 
    }) 

任何幫助/建議是非常感謝！

感謝

Answer 1

變化

var selectCircle = svg.selectAll(".circle") 
.data([data]) 

到

var selectCircle = svg.selectAll(".circle") 
.data(data) 

因爲你希望每個點被當作單獨的項目

見http://plnkr.co/edit/NCQyDtykbxjlvK687WIu?p=preview