从点创建vis.js网络图

问题描述

我有一个关于操纵由点语创建的网络图vis.js的问题。我有以下示例代码，其中的基线是从vis.js文档（vis.js documentation）中复制的：

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

<input id="button" type="submit" name="button" value="change"/>


<script type="text/javascript">
    // create an array with nodes
    var DOTstring = 'dinetwork {1 -> 1 -> 2; 2 -> 3; 2 -- 4; 2 -> 1 }';
    var parsedData = vis.parseDOTNetwork(DOTstring);

    // create a network
    var container = document.getElementById('mynetwork');

    // provide the data in the vis format
   var data = {
     nodes: parsedData.nodes,edges: parsedData.edges
   }
    var options = {};

    // initialize your network!
    var network = new vis.Network(container,data,options);


    document.getElementById('button').onclick = function() {


        console.log("Add node");
      
        parsedData.nodes.add({id: 5,label: "5"});

        console.log(parsedData.nodes);

        network.redraw();

    };
</script>
</body>

看来add命令不起作用，因此第二个console.log从未执行。也许有人对此有想法？

亲切的问候

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dot javascript vis.js vis.js-network