d3 力(force)布局中如何进行更新操作
https://codepen.io/CoderTim/p...
例如在这个力图里,我想动态地增删节点、更新节点信息(如更新节点文字、更新节点间关系),我只能通过重新渲染整个视图吗(删掉 svg 内容重新执行 d3 力相关的方法),可不可以在原来视图的基础进行修改呢(如我可能只想更新某个节点文字)
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
重新渲染不假,但不需要删掉SVG,力场模拟器和SVG绘制动作还是要重新执行一遍的。
d3的设计也是数据驱动的思想。就是说旧数据存在的情况下,对新数据的重绘,也是会对新老数据做对比的,多余的节点需要移除,缺少的节点会自动创建。已经存在的节点会被修改。
它的diff操作仅限于dom存在与否。
所以你不删除SVG的情况下重新绘制一次图形,只是对SVG的更新操作。并非是移除所有子节点重新创建。
很久不用,就不写代码给你看了