我正在使用vis.js处理控制流图形可视化工具。它就像维护者here提供的示例。
我希望控制边缘的绘制方式:箭头从底部开始,箭头在节点顶部结束。有没有办法在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);