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）,数据可视化大屏，挖掘大数据背后的价值。