绘制路径以连接两个节点而不与其他节点+ d3.js相交

Question

我正在使用d3-flow-tree（here）将我的树节点显示为流布局。并添加其他g -element来表示两个节点之间的连接（通过使用flow -layout管理其他图表）。

当从一个节点到另一个节点绘制链接时，它必须是不与其他节点（如附加图像）相交的矩形路径

需要找到可能的可用路径。欢迎任何建议和想法。

提前致谢

Answer 1

看起来WebCola可以做到。您可以看一下他们的演示：https://ialab.it.monash.edu/webcola/examples/unix.html

作者提到：“此示例的另一个功能是最短路径边缘路由。也就是说，在布局停止后，将对边缘路径进行路由以避免通过节点边界。”他还解释了如何实现。