1

我正在使用 vis.js 开发控制流图可视化器。就像这里的维护者提供的示例一样。

下图显示了结果: 控制流图

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

0 回答 0