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

时间:2017-09-16 03:33:50

标签: javascript disassembly vis.js control-flow-graph vis.js-network

我正在使用vis.js处理控制流图形可视化工具。它就像维护者here提供的示例。

下图显示了结果: control flow graph

我希望控制边缘的绘制方式:箭头从底部开始,箭头在节点顶部结束。有没有办法在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);

0 个答案:

没有答案