正经学徒,佛系记录,不搞事情
基于上文:https://blog.csdn.net/qq_31748587/article/details/84142527 的项目
力导向图由于力的作用,导致即使平衡后,拖拽节点依然会导致所有节点重新回到平衡状态,当数据量足够大时,甚至会出现遮挡、拖拽后节点弹到别的地方等问题
为了使vis既能保持力导向图的效果,又能在拖拽节点后节点可以固定不动
这里设计了拖拽节点后固定该节点
在创建拓扑图后,追加代码
network.on("dragEnd", function(params){
if (params.nodes&¶ms.nodes.length > 0){
network.clustering.updateClusteredNode(params.nodes[0], {physics : false});
}
});
将节点 physics 设置为 false,则会控制节点不受物理作用
最终效果(拓扑图稳定后,将个别节点拖拽出去)
项目地址:
https://pan.baidu.com/s/1LnNoXTohuiTMn5iAhVYyvg 提取码:ew4j