d3 力(force)布局中如何进行更新操作

发布于 2022-09-12 02:07:15 字数 213 浏览 35 评论 0

https://codepen.io/CoderTim/p...
例如在这个力图里,我想动态地增删节点、更新节点信息(如更新节点文字、更新节点间关系),我只能通过重新渲染整个视图吗(删掉 svg 内容重新执行 d3 力相关的方法),可不可以在原来视图的基础进行修改呢(如我可能只想更新某个节点文字)

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

时光清浅 2022-09-19 02:07:15

重新渲染不假,但不需要删掉SVG,力场模拟器和SVG绘制动作还是要重新执行一遍的。

d3的设计也是数据驱动的思想。就是说旧数据存在的情况下,对新数据的重绘,也是会对新老数据做对比的,多余的节点需要移除,缺少的节点会自动创建。已经存在的节点会被修改。
它的diff操作仅限于dom存在与否。
所以你不删除SVG的情况下重新绘制一次图形,只是对SVG的更新操作。并非是移除所有子节点重新创建。
很久不用,就不写代码给你看了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文