antvis / G6

♾ A Graph Visualization Framework in JavaScript.
https://g6.antv.antgroup.com/
MIT License
11.13k stars 1.33k forks source link

A large number of nodes are framed and dragged and stuck #6422

Open izhl2020 opened 2 weeks ago

izhl2020 commented 2 weeks ago

Describe the bug / 问题描述

1.在对比4.x的框选后发现,5.x在一样的节点数据的情况框选的效率比不上4.x的效果 2.在数据量大的情况下,多点几次画布空白地方再去操作比如框选,会发现这时候画布已经卡顿了,pointerup 基本上都是1000ms以上 3.我使用的是drag-element 的shadow模式进行拖拽节点,可以看到视频中非常的卡顿

Reproduction link / 重现链接

No response

Steps to Reproduce the Bug or Issue / 重现步骤

image

Uploading 20241018_172446.mp4…

G6 Version / G6 版本

🆕 5.x

Operating System / 操作系统

Windows

Browser / 浏览器

Chrome

Additional context / 补充说明

No response

izhl2020 commented 2 weeks ago

https://github.com/user-attachments/assets/7fb8ff57-854d-41f4-92bd-1361bec97fb0

Aarebecca commented 2 weeks ago

官网运行环境性能较低,建议在本地新起项目或者到 codesandbox 中运行,会好一些

xiaoxiaofu1 commented 2 weeks ago

同样这个问题,升级v5之后渲染时间明显变长,并且框选改变状态这类会造成页面卡顿(也就五百个点),开了optimize-viewport-transform也没有太大改善