【问题标题】:Tree drawing orientation树绘制方向
【发布时间】:2012-07-25 06:40:16
【问题描述】:

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

我最终通过在创建布局后简单地反转 x 坐标来完成此操作,但我觉得这是一个 hack。肯定有更优雅的东西吗?

我考虑过围绕中心进行 SVG 旋转,但随后我必须旋转标签才能使文本正确显示。那感觉也不对。

【问题讨论】:

    标签: d3.js hierarchy


    【解决方案1】:

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

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

    【讨论】:

    • 第 26 行有一个错误/错字:链接前面缺少“http:”
    • 你能进一步解释一下吗?我有一般的 HTML 和 JS 知识和一个工作应用程序(从左到右可扩展/可点击的树),我想把它从上到下。
    • 我在 productTree.js 的两个地方更改了 x 和 y,一个使树结构垂直,另一个使标签在正确的位置。不幸的是,树没有边界,因此标签彼此重叠:/
    猜你喜欢
    • 2021-08-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-02
    • 1970-01-01
    • 2011-01-19
    相关资源
    最近更新 更多