在.network vis.js 中删除一条边

Question

在 vis.js 中，我可以轻松添加边（例如 function 测试）但我无法删除现有边（例如 function 测试 1）。 为什么？

不幸的是，我现在无法访问文档：visjs.org 的“此处没有 GitHub 页面站点”。 谢谢 ！

<input onclick=test() type="button" value="add edge 1 to 4 : ok">
<input onclick=test1() type="button" value="remove edge 1 to 2: not ok">

<div id="mynetwork"></div>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.21.0/vis.js"></script>

<script type="text/javascript">

    function test(){
        data.edges.add([{from: 1, to: 4}]);
    }

    function test1(){
        data.edges.remove([{from: 1, to: 2}]);
    }

    // GENERAL TEST
    var nodes = [
    {id: 1, label: 'Node 1'},
    {id: 2, label: 'Node 2'},
    {id: 3, label: 'Node 3'},
    {id: 4, label: 'Node 4'}
    ];

    var edges = [
    {from: 1, to: 2},
    {from: 1, to: 3},
    {from: 2, to: 4}
    ];

    nodesd = new vis.DataSet(nodes);
    edgesd = new vis.DataSet(edges);
    var container = document.getElementById('mynetwork');
    var data = {
        nodes: nodesd,
        edges: edgesd
    };

    var options = {
        nodes: {
            size:15
        },
        edges: {
            color: {
                inherit: "both"
            }
        }
    };
    network = new vis.Network(container, data, options);
</script>

Answer 1

这是一个更新的解决方案，适用于未来遇到困难的任何人。

假设您像这样初始化了.network：

let network = new vis.Network(...);
let NODE_ID_1 = ...;
let NODE_ID_2 = ...;

添加节点连接：

network.body.data.edges.add({
    'from': NODE_ID_1,
    'to': NODE_ID_2
});

删除节点连接：

let edges = network.getConnectedEdges(NODE_ID_1);
for(let edge of edges) {
    if(NODE_ID_2 == network.body.edges[edge].to.id) {
        network.body.data.edges.remove(edge);
        break;
    }
}

有用链接： https://github.com/visjs/vis.network/blob/master/lib.network/modules/EdgesHandler.js

Answer 2

现在好了！

我可以用“id”来表示边缘：

var edges = [
{id:1, from: 1, to: 2},
{id:2, from: 1, to: 3},
{id:3, from: 2, to: 4},
{id:4, from: 2, to: 5}
];

function test1(){
data.edges.remove([1]);
}