0

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

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

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

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

谢谢

蒂姆·S。

4

0 回答 0