javascript - 如何使我的文本标签在可折叠树布局中以背景矩形弹出？(D3.js)

Question

我正在为我的公司做一个 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') 

任何帮助表示赞赏:]