echars关系图数据量太大初次加载卡顿

需要对比各个节点之间的关系以及属性,需要的数据量比较大,由于关系图力引导布局的位置是随机的,就导致会不停的跳动,看起来特别卡顿怎么优化

https://blog.csdn.net/zhiyan1990/article/details/120419264

在进页面之前,用户感知不到的时候就请求接口,加载数据

echarts 有切片加载的功能,逻辑上可以预加载,或者采用echarts 的点聚合,多个点合并成为一个,层级放大再进行更细节的展示

1.提前初始化echarts插件 在绘制时打开loading加载
2.请求数据后赋值 结束loading加载

echarts在数据量大的时候确实存在渲染时间长的问题。
两种方案可以解决。
1- 前端优化echarts的渲染算法,提升渲染速度(难道较大,一是优化其源代码需要阅读源码并修改有一定挑战,二是客户端计算性能不可控)
2- 后端提前使用力导布局算法将各个点的位置计算好,直接传给前端使用。(这种方式实现过,比较可行)
java中有开源的jung里面有现成的实现算法,答主用过edu.uci.ics.jung.layout.algorithms.FRBHVisitorLayoutAlgorithm性能较高。