ここでパーティション チャートの例の修正版を作成しました: http://mbostock.github.com/d3/talk/20111018/partition.html。2 つの変更は次のとおりです。
- 各セクションに列ヘッダーを追加します。これらは、パーティション チャート セクションの位置を見つけて追加および配置する単なる要素です。
- viewbox と preserveAspectRatio 属性を svg に追加して、チャートのサイズが適切に変更されるようにしました。
当初、ヘッダー要素とチャートは別々の SVG にあったため、サイズ調整は調整されていませんでした。それ以来、ヘッダー要素をチャートと同じ SVG 内に移動しました。チャートが最初に表示されたときにヘッダーを正しくレンダリングすることはできますが、サイズを変更すると、最初のレンダリングでチャートをヘッダーの下に配置する x/y 変換を無視して、パーティション チャートが 100% の高さになります。これにより、ヘッダーがチャートによってオーバーレイされます。
サイズ変更中にヘッダーがオーバーレイされないように、パーティション チャートで x/y 変換を尊重しながら、チャートとヘッダー四角形のサイズを同時に変更する方法についてのアドバイスはありますか?
ありがとう
ティム S.