我需要一个解决方案来解决联合 js 链接的重叠问题。
例如
至
我在 JointJS 中实现了一个流程图，用户可以在其中删除元素以及添加新元素，并以各种顺序重新链接事物。每次删除、添加、取消链接或重新链接某些内容时，该图正在使用 Joint.layout.DirectedGraph 库和 Dagre 的自动布局功能来重新组织图。出现了一个奇怪的问题，我还不确定如何处理它。
假设我有一个“分叉”进程，它有两个输出端口，每侧一个，顶部有一个输入端口。根据数组中元素的顺序，自动布局有时可以将左侧端口的子元素放置在右侧端口的子元素的右侧，因此生成的链接是交叉的。
是否有一些直接的方法来影响布局中的排名顺序？
我已经尝试了以下解决方案
joint.layout.DirectedGraph.layout(this.graph, { setLinkVertices: true, ranker: 'longer-path', rankDir: 'TB', dagre: dagre, rankSep: parseInt(70, 10), edgeSep: parseInt(30, 10), 边距X: 100, 边距Y: 270 });