思维导图在新增节点时，闪烁

[wu0211]

问题描述

在其中新增这段代码，新加200个节点后，再按tab新增节点就会闪缩

function test(){ for(var i=0;i<=200;i++){ data.children.push({ id: '1-1'+i, type: 'topic-branch', label: '分支主题1'+i, width: 100, height: 40, }) } } test()

重现链接

https://x6.antv.antgroup.com/zh/examples/showcase/practices#mindmap

重现步骤

https://x6.antv.antgroup.com/zh/examples/showcase/practices#mindmap

预期行为

如何能做到新增节点不闪，只新增节点布局刷新，或者刷新丝滑一些

平台

• 操作系统: [macOS, Windows, Linux, React Native ...]
• 网页浏览器: [Google Chrome, Safari, Firefox ...]
• X6 版本: [2.11.1 ...]

屏幕截图或视频（可选）

No response

补充说明（可选）

No response

[wu0211]

@NewByVector 这个有什么解决方案吗

[qiufeihong2018]

官网例子不太好，用的是全量刷新，复杂度是是O(n)的。其中更新图都是graph.resetCells(cells)来弄的。
建议增删改节点，用局部刷新，复杂度是O(1)。可以使用removeCell、addNode、addEdge等来删除单元、添加节点和边。
具体看例子：examples/x6-example-features/src/pages/case/mind.tsx

[cjmafei]

@qiufeihong2018 而你，才是真正的英雄！！！