javascript-Vis.js网络图未随着节点更改而更新

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-Vis.js网络图未随着节点更改而更新，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2366字，纯文字阅读大概需要4分钟。

内容图文

我有一个功能,可以清除节点或边数据集中可能存在的所有数据,然后继续用新数据填充它们.这是一个分层网络,在创建所有节点和边缘之后会动态设置级别,因此最终将节点的level属性设为
由nodes.update()调用添加.
节点的级别已正确设置,并且可以在我的控制台日志中看到,但是该图未反映这些级别.没有显示错误.看到节点看起来是正确的,我不认为这是设置级别的方法,但我能想到的可能会干扰的唯一其他事情就是在像我这样的角度工厂中使用它.update()不会触发图形的重新渲染,或者带有我的选项的东西.感谢您提供任何见解,因为我真的不知道为什么设置级别不会改变我的图表.

抱歉,缺少信息.我只是不知道从哪里开始,也不想共享我的整个文件.

networkFactory：

var nodes, edges, network;
visApp.factory('networkFactory', function() {
    var service = {};

    service.init = function() {
        // create an array with nodes
        nodes = new vis.DataSet();

        // create an array with edges
        edges = new vis.DataSet();

        // create a network
        var container = document.getElementById('callFlow');
        var data = {
            nodes: nodes,
            edges: edges
        };
        var options = {
            physics: false,
            nodes: {
                shape: 'box',
                size: 25
            },
            edges: {
                smooth: {
                    type: 'cubicBezier',
                    roundness:.75
                }
            },
            layout: {
                hierarchical: {
                    direction: 'LR',
                    sortMethod: 'directed'
                }
            },
            interaction: {
                navigationButtons: true
            }
        };
        network = new vis.Network(container, data, options);
    };
    service.updateVis = function(profile) {
        try {
            console.log("updating network...");
            clearNetwork();
            addNodesFromProfile(profile);
            addEdgesFromProfile(profile);
            console.log("setting hierarchical levels");
            setLevels("ENTRY", 1, 1);
            console.log("network updated:\n" + JSON.stringify(nodes.get()));
        }
        catch(err) {alert(err)}
    };

的console.log：

updating network...
adding nodes
adding edges
setting hierarchical levels
network updated:
[{"id":"mainMenu","label":"mainMenu","level":4},{"id":"broadcast","label":"broadcast","level":3},{"id":"greeting","label":"greeting","level":2},{"id":"salesMenu","label":"salesMenu","level":5},{"id":"exitAssurance","label":"exitAssurance","level":5},{"id":"EXIT","label":"EXIT","level":7},{"id":"exitArchitecture","label":"exitArchitecture","level":6},{"id":"exitSalesEast","label":"exitSalesEast","level":6},{"id":"exitCXAnalytics","label":"exitCXAnalytics","level":6},{"id":"servicesMenu","label":"servicesMenu","level":5},{"id":"exitSalesWest","label":"exitSalesWest","level":6},{"id":"exitOther","label":"exitOther","level":5},{"id":"ENTRY","label":"ENTRY","level":1}]

解决方法:

加

network.body.emitter.emit('_dataChanged')

之前

network.redraw()

内容总结

以上是互联网集市为您收集整理的javascript-Vis.js网络图未随着节点更改而更新全部内容，希望文章能够帮你解决javascript-Vis.js网络图未随着节点更改而更新所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端