Javascript 在vis.js中控制网络的边缘渲染

Javascript 在vis.js中控制网络的边缘渲染,javascript,disassembly,vis.js,control-flow-graph,vis.js-network,Javascript,Disassembly,Vis.js,Control Flow Graph,Vis.js Network,我正在使用vis.js开发一个控制流图可视化工具。这与维护ESR提供的示例类似 下图显示了结果: 我想要控制绘制边的方式:向外箭头从节点底部开始,向内箭头从节点顶部结束。在vis.js中有这样的行为吗?我还可以防止边与节点相交吗 这是我的选择: var opts = { autoResize: true, height: '100%', width: '100%', locale: 'en', edges: { arrows: { to:

我正在使用vis.js开发一个控制流图可视化工具。这与维护ESR提供的示例类似

下图显示了结果:

我想要控制绘制边的方式:向外箭头从节点底部开始,向内箭头从节点顶部结束。在vis.js中有这样的行为吗?我还可以防止边与节点相交吗

这是我的选择:

var opts = {
    autoResize: true,
    height: '100%',
    width: '100%',
    locale: 'en',
    edges: {
        arrows: { to: {enabled: true}},
        smooth: { enabled: true}
    },
    nodes: {
        font: {'face': 'monospace', 'align': 'left'}
    },
    layout: {
        improvedLayout:true,
        hierarchical: {
            enabled: true,
            sortMethod: "directed",
            direction: "UD",
            nodeSpacing: 200,
            levelSeparation: 200,
        }
    },
    physics:  {
        hierarchicalRepulsion: {
            nodeDistance: 300
        }
    }
};

var network = new vis.Network(this.domRoot.find(".graph-placeholder")[0], 
                                         this.defaultCfgOuput, opts);

进一步讨论可在此处找到:进一步讨论可在此处找到: