JointJs如何使链接相互避免.不要搞砸了

Question

几天来,我正试图找到解决问题的方法.我有一个用jointjs制作的工作流可视化模块.但有很多链接,他们聚集起来,变得难以理解.我想让他们互相避开,往往是平行而不是彼此.第二名:没有路由器,跳过连接器)我正在考虑一个想法:当创建一个链接时,我将全部被链接像素占用并将它们添加到障碍物地图......不知何故.我不确定它是否可能,因为它是矢量图形.有想法的人吗？

使用metro路由器:

没有路由器,跳线连接器:

Answer 1

这里的一种可能的解决方案是以不同的方式布局元素，以便很好地显示图形。为此，您可以使用Dagre 的 JointJS 插件，它为您提供了joint.layout.DirectedGraph.layout()布局图形的功能，以及多个选项。

可以在此处找到更详细地解释其工作原理的完整博客文章。

希望这能有所帮助。