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

时间:2012-03-10 21:13:22

标签: javascript orientation jit subtree infovis

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

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

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

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

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

提前致谢!我期待听到任何回复。

1 个答案:

答案 0 :(得分:1)

解决方案是在节点级别使用多个树和$ orn(orientation)数据属性。主JIT站点上有一个“隐藏”示例(没有链接到它 - 甚至在演示页面上也没有。)

Spacetree Multitree示例:http://thejit.org/static/v20/Jit/Examples/Spacetree/example4.html

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

非常有用。