折りたたみ可能なツリー グラフを開発しています。ノードでマウスオーバーイベントを生成しようとしています。その時点でノードにマウスを合わせると、ノードの名前が表示されます。試してみましたが、変換属性値を計算してノードの上または下に名前を表示する方法がわかりません。
var nodeEnter = node.enter().append("g")
.attr("class", "node")
.attr("transform", function(d) { return "translate(" + source.y0 + "," + source.x0 + ")"; })
.on("click", click)
.on("mouseover", function(d){
alert("over");
d3.select(this).attr('transform', function(d){ return 'translate(?,?)'})
.text(d.name + ": " + d.id)
.style('display', null);
})
.on("mouseout", function(d){ alert("out"); d3.select(this).style('display', 'none'); });
翻訳(?、?)
折りたたみ可能なツリー グラフのリンク: http://bl.ocks.org/mbostock/4339083
私を助けてみてくださいありがとう