如何在d3散點圖中獲取記錄的ID？

Question

我已經附上了我的數據和分配的ID如下：

svg.selectAll("circle").data(csv).enter().append("circle") 
        .attr("id", function(d){return "row"+d["ROW ID"];}); 

「ROW ID」是包含我的數據的ID的列的名稱。 現在我想向圓圈添加一個點擊事件，並將當前點的ID保存在一個新變量中，以便用它來調用其他函數。 任何人都可以告訴我如何獲得當前選定點的「行ID」？

thx

Answer 1

你想要這樣的事情還是我誤解了你的問題？

svg = d3.select("svg"); 

csv = [ 
    {"row ID": "id1", 
    "x": 20, 
    "y": 30}, 
    {"row ID": "id2", 
    "x": 30, 
    "y": 50} 

] 

svg.selectAll("circle").data(csv).enter().append("circle") 
    .attr("id", function(d){return "row"+d["ROW ID"];}) 
    .attr("cx", function(d){return d.x}) 
    .attr("cy",function(d){return d.y}) 
    .attr("r",10) 
    .style("fill", "black"); 

circles = d3.selectAll("circle"); 

circles.on("click",function(d) { 
    alert(d["row ID"]); 
}) 

互動版本在這裏：http://tributary.io/inlet/5455132