echarts 异步加载数据

要实现 echarts 异步加载数据，可以使用 ajax 或者 fetch 请求获取数据，然后在回调函数中将数据传入到 echarts 中进行渲染。具体步骤如下：

1. 发送 ajax 或者 fetch 请求获取数据；
2. 在请求成功的回调函数中，将数据传入到 echarts 中进行渲染；
3. 在渲染之前，需要先清空原有的数据，避免重复渲染。

示例代码如下：

// 发送 ajax 请求获取数据
$.ajax({
  url: 'data.json',
  success: function (data) {
    // 清空原有的数据
    chart.clear();
    // 将数据传入到 echarts 中进行渲染
    chart.setOption({
      series: [{
        data: data
      }]
    });
  }
});

// 使用 fetch 请求获取数据
fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 清空原有的数据
    chart.clear();
    // 将数据传入到 echarts 中进行渲染
    chart.setOption({
      series: [{
        data: data
      }]
    });
  });