Echarts通过ajax获取数据定时更新轮询的解决方案及问题分析

一、目前网上常用的解决方案

//将ajax封装起来启用一个定时器达到三秒抓一次数据
window.function(){
    setInterval(ajaxNew(),3000);
}

存在的问题是,首次加载缓慢,用户体验性差,数据加载不友好。

二、升级定时刷新方案

// 执行异步请求
 var salesinterval;
         getsales();
clearInterval(salesinterval);
        //自动刷新;
        salesinterval = setInterval(function () {
            getsales()
        }, 6 * 1000);

首次下载页面即加载数据,然后再定义自动刷新时间;

三、淘汰的方案
在ajax获取数据后,定时刷新页面。虽然数据可以刷新,但是是整体数据的刷新,并非单列数据的更新,会出现“闪屏”

						//定时更新数据,会出现刷屏,而不是单列数据的自动更新
						setInterval(function () {
							window.location.reload()
						}, 6 * 1000);

漏刻有时(LOCKDATA),数据可视化大屏,挖掘大数据背后的价值。

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 精致技术 设计师:CSDN官方博客 返回首页