我正在使用 d3-flow-tree ( here ) 将树的节点显示为流布局。并添加其他 g 元素来表示两个节点之间的连接(通过使用 flow 布局管理其他图表)。
当绘制从一个节点到另一个节点的链接时,它必须是不与其他节点相交的矩形路径,如附加图像
需要找到可能的可用路径。欢迎任何建议和想法。
提前致谢
最佳答案
看起来 WebCola 可以做到这一点。你可以看看他们的演示:https://ialab.it.monash.edu/webcola/examples/unix.html
那里作者提到:“这个例子的另一个特点是最短路径边缘路由。也就是说,在布局停止后,边缘路径被路由以避免穿过节点边界。”他还解释了它是如何实现的。
关于javascript - 绘制路径以连接两个节点而不与其他节点相交+ d3.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21643369/