D3.js 调整分区图上的标题大小

我在这里创建了分区图示例的修改版本：。其中两项修改是：

在每个节上添加列标题。这些只是我通过查找分区图部分的位置附加和定位的元素

在svg中添加了一个viewbox并保留AspectRatio属性，以便图表能够优雅地调整大小

最初，标题元素和图表在单独的SVG中，因此它们的大小不协调。此后，我将标题元素移动到与图表相同的SVG中。虽然我能够在图表第一次显示时正确地呈现标题，但在调整大小时，分区图表将增长到100%高度，忽略在初始呈现时将图表放置在标题下方的x/y转换。这会导致标题被图表覆盖

关于如何同时调整图表和标题矩形的大小，同时使分区图尊重x/y转换，以便在调整大小期间标题不会被覆盖，有什么建议吗

谢谢

---

Tim S.

我猜您对图表进行了转换，但没有对“点击”应用相同的转换。。事件如果您向我们提供您的代码，那么解决您的问题就会容易得多，一个可能是greatThanks-josh。我整个星期都在参加设计会议，还没能研究这个建议。我将在本周末或下周发布更新。