EChart与NProgress结合异步加载数据

运行结果

知识点

1. jQuery中ajax异步get请求

   $.get(url).done(function(){});
   

   请求到函数后执行回调函数。

2. 使用NProgress进度条和EChart自带的进度展示均可

3. NProgress

   NProgress.start();	开始
   NProgress.done();	结束
   

4. EChart

   myChart.showLoading({			开始
       text: '正在加载中',
       color: 'purple',
       textColor: 'purple',
       maskColor: 'rgba(255, 255, 255, 0.8)',
       zlevel: 0
   });
   
    myChart.hideLoading();			结束
   

代码