私は自分の会社の UX ウォークスルーを作成しています。これはまさに次のようになります: http://mbostock.github.io/d3/talk/20111018/tree.html
これでツリーは基本的に完成しましたが、非常に冗長なレイアウトになっているため、多くのテキスト ラベルが重なっています。テキストを読みやすくするために、テキストの後ろに長方形 (黒いテキストに白い長方形) を追加したいと思います。木が重なっても。
ここに私のインライン js へのリンクがあります: https://gist.github.com/wiredsister/7087220
SVG テキスト タグを rect タグの子にすることはできないようです。代わりに同じ g タグに追加できますか? お気に入り:
var g = svg.append('g')
g.append('rect')
g.append('text')
どんな助けでも大歓迎です:]