D3 JS Drilldown Treemap重叠<text>

Question

我正在使用Mike Bostock Drilldown / Zoomable Treemap。

链接：http://bost.ocks.org/mike/treemap/

我做了一些自定义，但核心仍然相同。

如下图所示，当缩放找到“micro-rects”时，文本重叠

Overflowed Text Img

我试图修复它获取文本元素的高度/宽度，并将其与矩形的高度/宽度进行比较。

        d3.select(texto).attr("display", function (d) {
                if(d.width > 10 && d.height > 10){
                    if (this.getBBox().height > d.height && this.getBBox().width > d.width)
                        return "none";
                    else return "inline";
                }
                else
                {
                    return "none";
                }
                });

问题是，当转换发生时，rect会获得动态大小，远远高于原始大小。

我无法找到解决方法。