如何解决联合js链接的重叠问题

Question

我需要一个解决方案来解决联合 js 链接的重叠问题。

例如

到

我正在 JointJS 中实现一个流程图，用户可以删除元素以及添加新元素，并以各种顺序重新链接事物。该图使用带有 Dagre 的 joint.layout.DirectedGraph 库的自动布局功能，在每次删除、添加、取消链接或重新链接某些内容时重新组织图。出现了一个奇怪的问题，我还不知道如何处理它。

假设我有一个“分叉”进程，有两个输出端口，每一侧一个，顶部有一个输入端口。根据数组中元素的顺序，自动布局有时会将左侧端口的子元素放置在右侧端口的子元素的右侧，因此生成的链接是交叉的。

是否有一些直接的方法来影响布局中的排名顺序？

我已经尝试过以下解决方案

joint.layout.DirectedGraph.layout(this.graph, { setLinkVertices：true， 排名者：“更长的路径”， 排名目录：'TB'， 达格雷： 达格雷， 排名Sep: parseInt(70, 10), EdgeSep: parseInt(30, 10), 边距X：100， 边距Y：270 });

Answer 1

请写哈拉露亚哈拉露亚