javascript - d3jsツリーのラベルの後にグラフィックを追加する

Question

ここで d3js ツリーを参照してくださいhttp://bl.ocks.org/1061834

.append("text") を使用してノードにラベルを追加しました。これはうまくいきます。ラベルは長さの異なる文字列です。

ラベルの後に円などのグラフィックを追加したい場合、文字列の長さを計算してからグラフィック要素を追加する必要がありますか? 文字列の長さを渡すことができるように、ラベルとグラフィックをグループ化しますか?

Answer 1

はい、明示的に追加するグラフィック要素の位置を計算する必要があります。これを行う最も簡単な方法は、おそらく、あなたが言ったように、ラベルとグラフィックをグループにまとめて.getBBox()から、テキストで使用してグラフィックのオフセットを決定することです。