Hyperlink JointJs如何使链接彼此避免。不结块

Hyperlink JointJs如何使链接彼此避免。不结块,hyperlink,jointjs,Hyperlink,Jointjs,几天来,我一直在努力寻找解决问题的办法。我有一个用jointjs制作的工作流可视化模块。但是,有这么多的链接,他们聚在一起,这变得难以理解。我想让它们彼此回避,并倾向于平行,而不是相互重叠。第二:没有路由器,跳线连接器)我在想一个主意:当创建链接时,我会让所有的链接都被像素占据,并将它们添加到障碍地图中。。以某种方式我不确定这是否可能,因为这是一个矢量图形。有人有主意吗 使用metro路由器: 无路由器、跨接连接器: 这里一个潜在的解决方案是以不同的方式布局元素,这样图形就可以很好地显示出来。

几天来,我一直在努力寻找解决问题的办法。我有一个用jointjs制作的工作流可视化模块。但是,有这么多的链接,他们聚在一起,这变得难以理解。我想让它们彼此回避,并倾向于平行,而不是相互重叠。第二:没有路由器,跳线连接器)我在想一个主意:当创建链接时,我会让所有的链接都被像素占据,并将它们添加到障碍地图中。。以某种方式我不确定这是否可能,因为这是一个矢量图形。有人有主意吗

使用metro路由器:

无路由器、跨接连接器:

这里一个潜在的解决方案是以不同的方式布局元素,这样图形就可以很好地显示出来。为此,您可以使用,它为您提供了一个
joint.layout.DirectedGraph.layout()
函数来布局图形,还提供了几个选项

可以找到一篇完整的博客文章,详细解释这是如何工作的


希望这能有所帮助。

您能说明第二张图片上的链接是如何跨接其他链接的吗?链接有一个连接器属性,您可以将其设置为“跨接”。请点击此处:。示例:link.set('connector',{name:'jumpover',args:{type:'gap'});