前端要渲染一个这样的波形图。
后端连接着Websocket,后端每秒钟发送一个数组,里面3组数据,都是1000个数据。相当于后端每秒钟返回3000个点,
前端要对应显示到echart中。每个echart图规定可以渲染30组数据,就是1000*30=3w个点。
3个echart图 就是9w个点了。然后现在页面渲染完就会卡顿,datazoom 缩放就更不用说了。窗口要是调整大小,直接卡着了(设置了echart自适应)
然后想问问朋友们我要怎么优化。
部分代码如下:
大致情况就是这样,目前页面全部渲染完成的画,有点卡。请各位朋友支支招。
其实吧,我做了一个和你类似的东西。但是我是分成两块。这个echart数据量大了确实会卡,这个没办法解决
我的这个是一个大概的图,可以选择一部分查看详细部分
这样就相当于拆分成2部分,第一部分只有1万个点,
第二部分显示可以按第一部分的选择去显示,这样的话不会卡。
后端可能也要加接口,变动挺大的按你这个。
如果不变动的话,尝试那个echart的动态加载数据appendData,再把动画配置设置成false,会快那么一丢丢