首页 > 编程知识 正文

vue布局echarts,echarts自定义图表工具

时间:2023-05-06 05:15:42 阅读:109052 作者:4452

渲染页面时发生了纸箱情况。

页面秒数从1-2-3秒-直接从1变为5

核心原因js单线程原因

每次通过每秒轮询请求接口来检索数据时,重新渲染页面是一种负担。

解决方案。

检查电视性能并取消轮询-页面可以顺利加载。

可以说明电视的性能。 只是数据实时变化引起的纸箱。

优化的本质是什么? 那是分类。 如果有,则为加载优先级。

位置固定右上角和各图位置固定减少位错

制作两个变量、一个flag和一个count

最初要求将接口的直接渲染设定为false

watch接收计数变量

初始渲染后获得的所有数据都保存在“saveList”中

全部渲染结束后开始渲染

(计数为4,所有图表组件都将在渲染后进行渲染。)

分割为各个组件

因为每个组件都是同步了seOption的操作dom

之后,使用setTimeout emit发射追加计数次数

watch接收后代入数据进行渲染,制作深拷贝

这样的话,右上的数字20s会实时变化,不会出现卡顿

用户看到的数据也会实时更新

当然,请求数据也可能一秒钟都没有被渲染。

但这无关——用户麻木不仁。 我完全不知道这个的详细情况

完美地实现

web-socket-需求不允许

你有什么更好的方案吗-寻求可靠的春天批评并指出来。

多多夸奖评论收藏关注。 谢谢您的聆听。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。