vis.js力导向图第二弹——固定节点

版权声明:博主原创,未经允许不得转载。 https://blog.csdn.net/qq_31748587/article/details/84143153

正经学徒,佛系记录,不搞事情

基于上文:https://blog.csdn.net/qq_31748587/article/details/84142527 的项目

力导向图由于力的作用,导致即使平衡后,拖拽节点依然会导致所有节点重新回到平衡状态,当数据量足够大时,甚至会出现遮挡、拖拽后节点弹到别的地方等问题

为了使vis既能保持力导向图的效果,又能在拖拽节点后节点可以固定不动

这里设计了拖拽节点后固定该节点

在创建拓扑图后,追加代码

network.on("dragEnd", function(params){
    if (params.nodes&&params.nodes.length > 0){
        network.clustering.updateClusteredNode(params.nodes[0], {physics : false});
    }
});

将节点 physics 设置为 false,则会控制节点不受物理作用 

最终效果(拓扑图稳定后,将个别节点拖拽出去)

 项目地址:

https://pan.baidu.com/s/1LnNoXTohuiTMn5iAhVYyvg 提取码:ew4j

猜你喜欢

转载自blog.csdn.net/qq_31748587/article/details/84143153