使用Vue，绘制Echart折现图（大数据）

Question

前端要渲染一个这样的波形图。
后端连接着Websocket，后端每秒钟发送一个数组，里面3组数据，都是1000个数据。相当于后端每秒钟返回3000个点，
前端要对应显示到echart中。每个echart图规定可以渲染30组数据，就是1000*30=3w个点。
3个echart图 就是9w个点了。然后现在页面渲染完就会卡顿，datazoom 缩放就更不用说了。窗口要是调整大小，直接卡着了（设置了echart自适应）

然后想问问朋友们我要怎么优化。

部分代码如下：

大致情况就是这样，目前页面全部渲染完成的画，有点卡。请各位朋友支支招。

Answer 1

其实吧，我做了一个和你类似的东西。但是我是分成两块。这个echart数据量大了确实会卡，这个没办法解决
我的这个是一个大概的图，可以选择一部分查看详细部分
这样就相当于拆分成2部分，第一部分只有1万个点，
第二部分显示可以按第一部分的选择去显示，这样的话不会卡。
后端可能也要加接口，变动挺大的按你这个。

如果不变动的话，尝试那个echart的动态加载数据appendData，再把动画配置设置成false，会快那么一丢丢