17

ツリーレイアウトを使用して、わずかに変更されたツリーを作成しました。デフォルトの通常の左から右の向きではなく、ツリーの向きを右から左にする必要がありました。これを行うための適切で適切なd3:ishの方法は何ですか?

レイアウトを作成した後、x座標を反転するだけでこれを行うことになりましたが、これはハックだと感じています。確かにもっとエレガントなものはありますか?

中央を中心にSVG回転を行うことを考えましたが、テキストを正しく配置するには、ラベルを回転させる必要がありました。それも正しく感じませんでした。

4

1 に答える 1

29

ツリーレイアウトは、幅( x)と深さ(yの任意の座標空間でノードの位置を計算します。レイアウトの向きを変更するには、マッピングをレイアウトの座標空間からSVGピクセル座標に変更します。マッピングを手動で実行したくない場合は、定量的スケールを使用して、より直感的な(ただしより詳細な)マッピングを指定できます。

これは、4つの異なる方向を示す例です。

于 2012-07-26T20:12:37.610 に答える