1

クリック方法が機能しない理由がわかりません。このテストでは、グラフ上の円ノードの1つをクリックして、その番号を表示できるようにしたいと思います。ホバリングは一種の作品です。

D3で使用しているライブラリのクリックイベントは何ですか?Jquery?通常のJS?

最終的には、ノードにカーソルを合わせるとツールチップを実行し、マウスを離すとツールチップが消えるようにします。

http://jsfiddle.net/ericps/b5v4R/

dots.enter()
    .append("circle")
    //.append("svg:circle")
    .attr("class", "dot")
    .attr("cx", complete_line.x())
    .attr("cy", complete_line.y())
    .attr("r",3.5)
    .append("title")
    .text(function(d){ return d.completed;})
    .on("click", function(d) { alert("hello"); });
4

1 に答える 1

6

イベントハンドラーをsvg:text要素にアタッチしました。svg:circle要素にアタッチしたいと思います:

dots.enter().append("circle")
    .attr("class", "dot")
    .attr("cx", complete_line.x())
    .attr("cy", complete_line.y())
    .attr("r",3.5)
    .on("click", function(d) { alert("hello"); })
  .append("title")
    .text(function(d){ return d.completed; });
于 2013-01-15T22:07:16.637 に答える