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

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

阅读 4k
1 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题