【发布时间】:2012-07-25 06:40:16
【问题描述】:
我使用树形布局制作了一个稍作修改的树。我需要将树从右到左定向,而不是默认的常规从左到右定向。什么是正确和正确的 d3:ish 方法?
我最终通过在创建布局后简单地反转 x 坐标来完成此操作,但我觉得这是一个 hack。肯定有更优雅的东西吗?
我考虑过围绕中心进行 SVG 旋转,但随后我必须旋转标签才能使文本正确显示。那感觉也不对。
【问题讨论】:
我使用树形布局制作了一个稍作修改的树。我需要将树从右到左定向,而不是默认的常规从左到右定向。什么是正确和正确的 d3:ish 方法?
我最终通过在创建布局后简单地反转 x 坐标来完成此操作,但我觉得这是一个 hack。肯定有更优雅的东西吗?
我考虑过围绕中心进行 SVG 旋转,但随后我必须旋转标签才能使文本正确显示。那感觉也不对。
【问题讨论】:
树布局计算宽度 (x) 和深度 (y) 的任意坐标空间中的节点位置。要更改布局的方向,请将映射从布局的坐标空间更改为 SVG 像素坐标。如果您不想手动进行映射,可以使用quantitative scales 指定更直观(但更详细)的映射。
这是一个显示四种不同方向的示例:
【讨论】: