クリック方法が機能しない理由がわかりません。このテストでは、グラフ上の円ノードの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"); });