ECharts 04 异步加载数据

版權聲明

本篇是將文章內容整理濃縮，作為學習之用，下文會一一附上原文連結，如有侵權，經告知之後會立即撤下

引用文章

ECharts 异步加载数据

Documentation - Apache ECharts

jQuery ajax - get() 方法

筆記

*数据的动态更新 - 使用 ajax - get() 方法****

• 拿到資料之後就載入圖表

loading 效果

• 加載之前 开启 loading 效果

  var myChart = echarts.init(document.getElementById('main'));
  myChart.showLoading(); // 加載之前 开启 loading 效果

• 加載完之後 隐藏 loading 效果

  $.get(
    'http://www.runoob.com/static/js/echarts_test_data.json',
    function (data) {
      myChart.hideLoading(); // 加載完之後 隐藏 loading 效果
  
      myChart.setOption();
    },
    'json'
  );

範例 每秒鐘更新一次圖表

ECharts 异步加载数据

• 詳情 請看內文
  

實踐筆記

6/28 ECharts 异步加载数据 1