D3.js 可缩放树映射溢出标签

我从中获取了d3 ZoomableTreeMap示例，并将自己的数据应用到该示例中。我现在试图阻止文本溢出矩形边界之外。正如您在下面的屏幕截图中所看到的，这使得vis非常难看且难以阅读，尤其是在右下角区域

我曾尝试为几个不同的元素设置css属性overflow:hidden，但似乎没有效果。知道为什么吗

body {
    overflow: hidden;
}

text {
  overflow: hidden;
}

rect {
  overflow: hidden
}

在SVG中，还需要定义视口。您还可以添加与矩形尺寸相同的剪贴画。