• vuejs
• echarts

var option = {
     title: {
        text: '异步数据加载示例'
    },
    tooltip: {},
    legend: {
        data:['销量']
    },
    xAxis: {
        data: []
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: []
    }]
};

var vm = new Vue({
  el:'#app',
  data: {

  },
  mounted(){
    var myChart = echarts.init(document.getElementById('main'));
    myChart.setOption(option);

    myChart.showLoading({
             text: '正在加载...',
        });

    setTimeout(() => {
        myChart.hideLoading();
        myChart.setOption({
            xAxis: {
                data: [1,2,3,4,5]
            },
            series: [{
                // 根据名字对应到相应的系列
                name: '销量',
                data: [100,600,200,33,213]
            }]
        });
    }, 5000);
  },
  methods: {
          
  }
})