微信小程序 echarts 实现延迟加载

import * as echarts from '../../../utils/ec-canvas/echarts'; 
var dataList = [];
Page({
	/**
   * 页面的初始数据
   */
  data: {
	//step1 ,获取ec实例
    ec: {
      lazyLoad: true // 延迟加载
    },
  }
  /**
   * 生命周期函数--监听页面加载
   */
  onReady: function (options) {
		//step2，通过selectComponent 获取自定义组件
    this.echartsComponnet = this.selectComponent('#mychart');
		//step3     
	  this.getData(); //获取数据
  },
  getData: function () {
  	/**
  	 * 此处的操作：
  	 * 获取数据json
  	 */
  	wx.request({
  	  url: url, //仅为示例，并非真实的接口地址
      data: data,
      method: 'POST',
      header: { 'content-type': 'application/x-www-form-urlencoded' },
      success: (res) => {
      	dataList = res.data;
			//step4，拿到数据之后，才执行初始化图表
  		this.init_echarts();//初始化图表
      }
	});
  },
  //初始化图表
  init_echarts: function () {
    this.echartsComponnet.init((canvas, width, height) => {
      // 初始化图表
      const Chart = echarts.init(canvas, null, {
        width: width,
        height: height
      });
		//step5，填充数据
      Chart.setOption(this.getOption())
 
      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return Chart;
    });
  },
//自动配置自己要的数据 
  getOption: function () {
       var option = {
      backgroundColor: "#ffffff",
      color: ["#37A2DA", "#32C5E9", "#67E0E3", "#91F2DE", "#FFDB5C", "#FF9F7F"],
      series: [{
        label: {
          normal: {
            show:true,
            formatter: ' {b} n ￥ {c} ',//({ d } %)  b=名称 c=数值 d=百分比 n换行 
            fontSize:10
          }
        },
        labelLine: { show: true } ,
        type: 'pie',//饼图实例
        center: ['50%', '50%'],
        radius: [0, '80%'],
        data: that.data.accountList,
        itemStyle: {
          emphasis: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 2, 2, 0.3)'
          }
        }
      }]
    };
    }
    return option;
  },
 
})