动态添加Edge visjs

Question

谁能帮助我在此visjs网络中动态添加边缘？实际上，我正在尝试使用拖放将节点添加到画布，但是当我单击节点并将边缘动态添加到画布上存在的另一个节点时，我需要添加边缘的帮助。

Answer 1

您可以使用vis.js的“更新”功能来动态添加节点或边。您只需传递一个数组，其中包含要添加的节点或边的集合。您这样称呼它：

nodes.update(updateNodesArray)

要么

edges.update(updateEdgesArray)

其中节点和边缘是您最初为网络创建的vis.DataSet实例。

完整文档可在http://visjs.org/docs/data/dataset.html找到

Answer 2

这个答案的目的是帮助我自己停止使用谷歌搜索，因为我显然一直忘记解决方案，并且一直在这里结束......

从技术上讲，这也是对这个问题的回答：

function AddEdge(from_id, to_id)
{
    network.body.data.edges.add([{from: from_id, to: to_id}])
}

它的工作原理是网络数据节点是一个可见数据集，更新它（也通过添加/删除方法）也会更新渲染。