我正在使用 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);