树绘图方向

时间:2012-07-26 16:00:22

标签: d3.js hierarchy

我使用树形布局做了一个稍微修改过的树。我需要从右到左定向树,而不是默认的常规从左到右的方向。什么是正确和正确的d3:这样做的方法是什么?

我最后通过在创建布局后反转x坐标来做到这一点,但我觉得这是一个黑客。当然有更优雅的东西?

我考虑围绕中心进行SVG旋转,但是我必须旋转标签才能使文本正确。这也感觉不对。

1 个答案:

答案 0 :(得分:28)

树布局计算宽度( x )和深度( y 的任意坐标空间中的节点位置。要更改布局的方向,请将布局的坐标空间中的映射更改为SVG像素坐标。如果您不想手动执行映射,可以使用quantitative scales指定更直观(但更详细)的映射。

以下是一个显示四种不同方向的示例: