d3.js - D3.js - 有向无环图:如何重新排列节点和边以避免边相交
问题描述
我必须创建具有互连的节点和边。我也在使用d3
js。现在的问题是图表看起来非常混乱。我尝试使用二次贝塞尔曲线来绘制节点之间的边缘。我希望如果按下一个按钮,它应该重新排列成简化视图。
我碰巧看了一下metacademy,它们是一个开源项目。它具有我正在寻找的确切功能。https://metacademy.org/graphs/edit/new,您需要登录。但是无法找到执行相同操作的代码部分。
最初创建的图表
按下刷新按钮后
我对 d3js 很陌生,所以我会感谢任何帮助/建议。
解决方案
推荐阅读
- javascript - 如何使用 Hooks 在 React 中获取父级宽度/高度?
- python - matplotlib的两种风格是什么?
- machine-learning - NaN 在 scikit-learn 的 OneHotEncoder 中给出 ValueError
- javascript - Angular:在路由中传递可选数据
- web-applications - 为 webapp 制作服务器
- maven - 使用 docker-maven-plugin 时如何在 IntelliJ 中可视化 JUnit 集成测试的输出?
- python - 如何访问去年的值以进行逐年比较?日期时间索引
- javascript - 如何清除 Vue v-list 中的活动项目?
- reactjs - 打字稿似乎错过了将类/类型解释为值“'类名'指的是一个值,但在此处用作类型”
- java - java - 如何在将节点删除之前将其存储在java的链表中?