调整分区图表上的标题大小

Question

我在这里创建了分区图示例的修改版本：http://mbostock.github.com/d3/talk/20111018/partition.html。其中两项修改是：

1. 在每个部分上添加列标题。这些只是我追加的元素，通过查找分区图表部分的位置来定位。
2. 为svg添加了一个viewbox和preserveAspectRatio属性，以便图表可以正常调整大小。

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

关于如何在使分区图表遵循x / y转换的同时如何同时调整图表和标题大小的任何建议，以便在调整大小期间不会覆盖标题？

由于

蒂姆S。