gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 15:48:26 25 4
gpt4 key购买 nike

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

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

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

提前致谢

最佳答案

看起来 WebCola 可以做到这一点。你可以看看他们的演示:https://ialab.it.monash.edu/webcola/examples/unix.html
那里作者提到:“这个例子的另一个特点是最短路径边缘路由。也就是说,在布局停止后,边缘路径被路由以避免穿过节点边界。”他还解释了它是如何实现的。

关于javascript - 绘制路径以连接两个节点而不与其他节点相交+ d3.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21643369/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com