Skip to content

异步加载数据

  • 在图表初始化后不管任何时候获取到数据后。通过 setOption 填入数据和配置项就行。

  • myChart.showLoading() //显示加载动画

  • myChart.hideLoading() //隐藏加载动画

js
// 指定图表的配置项和数据
var option = {
  title: {
    text: "ECharts 入门示例",
  },
  tooltip: {},
  legend: {
    data: ["销量"],
  },
  xAxis: {
    data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"],
  },
  yAxis: {},
  series: [
    {
      name: "销量",
      type: "bar",
      data: [],
    },
  ],
};
$.get("./data.json").done(function (res) {
  option.series[0].data = res;
  // 使用刚指定的配置项和数据显示图表。
  myChart.setOption(option);
});