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

标签 javascript d3.js data-visualization

我正在使用 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/

相关文章:

javascript - Promise.all 错误 : Uncaught (in promise) TypeError: #<Promise> is not iterable

javascript - DC.js 图表中的初始范围选择

svg - d3js 圆弧内对齐文本

javascript - 用于在 enter() 上附加分组元素的 d3 习惯用法?

r - 通过分类变量和连续变量的交互可视化 GLMM 预测

javascript - 如何在javascript中减去2个字符以获得ascii的差异

javascript - 对象性质的函数

javascript - 如果触发点击事件,Angular 会禁用标签一段时间?

php - 如何创建多层次的 'tree' ? (如果它可以称为一棵树的话)

javascript - 可视化值(value)的出现