如何显示可缩放SVG矩形内的SVG元素的工具提示？

Question

我有一个＆＃34; zoomable＆＃34; SVG矩形，包含一行较小的矩形。我想为这些较小的矩形显示工具提示，但是因为以下代码用于＆＃34; zoomable＆＃34;矩形，我不能将鼠标悬停在较小的矩形上以显示工具提示：

svg.append("rect")
          .attr("width", width)
          .attr("height", height)
          .style("fill", "none")
          .style("pointer-events", "all")
          .call(d3.zoom()
             .scaleExtent([1 / 8, 4])
               .on("zoom", zoomed));

如何在保持缩放行为完整的同时在较小的矩形上执行鼠标悬停或悬停事件？我是否需要更改＆＃34;指针事件＆＃34;属性？

P.S。 :(缩放最终用于正确查看较小矩形内的文本。因此我决定将它们放在一个更大的矩形中，并对外部矩形内的所有内容进行缩放。）