jsPlumb工具包

问题描述:

是否有可能在jsPlumb工具包中根据要绘制和连接的对象的数量和类型动态定位内容。我指的是他们给出的example,我们在动态生成可视化时,使用css来定位每个节点,这不是一个好选择,因为我们不知道网络中有多少个对象(节点)可用。使它变得动态可行吗?jsPlumb工具包

注:在jsplumb中完全新手。

+0

只需定位你的元素动态使用JS来设置其顶部/左边 – 2013-02-10 05:19:07

+0

jsPlumb中是否有这样的默认选项?你能给我一个示例代码的东西,可能有助于开发我的。我试图绘制一个机构的网络拓扑结构。新节点有时可能会出现,也可能会被删除。节点详细信息由snmp – prashu132 2013-02-10 11:08:57

不,这取决于你的位置你的元素。 jsPlumb简单地'探测'他们。

+0

提供,但应该有一些方法来自动化它。毕竟它的一个成熟的插件 – prashu132 2013-02-10 11:12:01

+1

如果自动图形布局对你很重要,我建议使用像这里建议的图形框架:http://*.com/a/2366237/881011 – jungos 2013-02-10 19:27:41

是的,这是可能的(好吧,接受答案后四年,但仍然)。 考虑您希望如何首先绘制节点。 如果你想画一棵树或组织结构图,例如,您可能希望通过设置像这样的表面选择布局类型使用hierarchical layout

var toolkit = jsPlumbToolkit.newInstance(); 

//... load data... 

var surface = toolkit.render({ 
    container:"someElement", 
    layout:{ 
    type:"Hierarchical", 
    parameters:{ 
     padding:[ 50, 50 ] 
    } 
    } 
}); 

当使用这种布局类型,jsplumb将动态位置节点自动。