如何在可折叠树布局中使用背景矩形弹出文本标签？ （D3.js）

Question

我正在为我的公司制作一个看起来完全像这样的用户体验：http://mbostock.github.io/d3/talk/20111018/tree.html

现在我的树已基本完成，但是我们的布局非常详细，所以很多文本标签都是重叠的。我想在文本后面添加一个rect（黑色文本上的白色矩形），以便使文本可读。 即使树重叠。

这是我的内联js的链接： https://gist.github.com/wiredsister/7087220

似乎我不能将SVG文本标记作为rect标记的子标记。我可以将它们添加到相同的g标签中吗？像：

var g = svg.append('g') 
g.append('rect') 
g.append('text') 

感谢任何帮助：]