更改 JavaScript InfoVis Toolkit 的 Spacetree 的子树方向答案

【问题标题】：Changing orientation of subtrees for JavaScript InfoVis Toolkit's Spacetree更改 JavaScript InfoVis Toolkit 的 Spacetree 的子树方向
【发布时间】：2012-03-27 20:36:36
【问题描述】：

我正在使用 JIT (JavaScript InfoVis Toolkit) Spacetree。示例：http://thejit.org/static/v20/Jit/Examples/Spacetree/example1.html

将整个树的方向更改为顶部、右侧、底部或左侧是微不足道的：

st.switchPosition('left', 'animate', fnComplete);

.. 但我想在主树的特定子树上执行此操作。到目前为止，我一直无法弄清楚这一点。基本上，我使用 Spacetree 来显示站点地图，并且我希望默认情况下整个站点都可见，而不会被切断。我设置了选项，以便整个树可见（约束：false，levelsToShow：3），但树本身对于窗口来说太大了。我意识到完全避免这种情况可能是不可能的，但改变特定子树的方向（可能基于深度？）将优化树占据的空间并将其更多或全部内容放在可见视图中。

如果描述不够明显，树的画布大小就是窗口的大小。

提前致谢！我期待听到任何答复。

【问题讨论】：

标签： javascript orientation jit subtree infovis

【解决方案1】：

解决方案是在节点级别将多树与 $orn（方向）数据属性结合使用。在 JIT 主站点上有一个“隐藏”示例（没有指向它的链接 - 甚至在演示页面上也没有）。

Spacetree 多树示例：http://thejit.org/static/v20/Jit/Examples/Spacetree/example4.html

代码：http://thejit.org/static/v20/Jit/Examples/Spacetree/example4.code.html

非常有用。

【讨论】：