0

私はすでに自分のデータを添付し、次のように ID を割り当てています。

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

「ROW ID」は、データの ID を含む列の名前です。ここで、オンクリック イベントを円に追加し、現在のポイントの ID を新しい変数に保存して、それを使用して他の関数を呼び出したいと考えています。現在選択されているポイントの「ROW ID」を取得する方法を誰か教えてもらえますか?

どうも

4

1 に答える 1

0

このようなものが欲しいですか、それともあなたの質問を誤解していますか?

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

于 2013-04-24T20:04:57.117 に答える