https://codepen.io/CoderTim/p...
例如在这个力图里,我想动态地增删节点、更新节点信息(如更新节点文字、更新节点间关系),我只能通过重新渲染整个视图吗(删掉 svg 内容重新执行 d3 力相关的方法),可不可以在原来视图的基础进行修改呢(如我可能只想更新某个节点文字)
https://codepen.io/CoderTim/p...
例如在这个力图里,我想动态地增删节点、更新节点信息(如更新节点文字、更新节点间关系),我只能通过重新渲染整个视图吗(删掉 svg 内容重新执行 d3 力相关的方法),可不可以在原来视图的基础进行修改呢(如我可能只想更新某个节点文字)
10 回答11.2k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答4.9k 阅读✓ 已解决
1 回答3.2k 阅读✓ 已解决
3 回答2.3k 阅读✓ 已解决
重新渲染不假,但不需要删掉SVG,力场模拟器和SVG绘制动作还是要重新执行一遍的。
d3的设计也是数据驱动的思想。就是说旧数据存在的情况下,对新数据的重绘,也是会对新老数据做对比的,多余的节点需要移除,缺少的节点会自动创建。已经存在的节点会被修改。
它的diff操作仅限于dom存在与否。
所以你不删除SVG的情况下重新绘制一次图形,只是对SVG的更新操作。并非是移除所有子节点重新创建。
很久不用,就不写代码给你看了