import * as echarts from '../../ec-canvas/echarts';

var dataList = [];
var ymList=[],rateList=[];

Page({
  /**
   * 页面的初始数据
   */
  data: {
    ec: {
      lazyLoad: true // 延迟加载
    },
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.echartsComponnet = this.selectComponent('#mychart');
    this.getData(); //获取数据
  },
  getData: function () {
    wx.request({
    url:'https://tcc.taobao.com/cc/json/mobile_tel_segment.htm?tel=13366666666',//此处为模拟请求的样例，为避免请求返回结果集格式的干扰，请求成功后并未使用返回值而是使用了固定值
      method: 'POST',
      header: { 'content-type': 'application/x-www-form-urlencoded' },
      success: (res) => {
        ymList[0] = '2019';
        rateList[0] = 100;
        ymList[1] = '2020';
        rateList[1] = 130;
        this.init_echarts();//初始化图表
      }
  });
  },
  //初始化图表
  init_echarts: function () {
    this.echartsComponnet.init((canvas, width, height) => {
      // 初始化图表
      const Chart = echarts.init(canvas, null, {
        width: width,
        height: height
      });
      Chart.setOption(this.getOption());
      // 注意这里一定要返回 chart 实例，否则会影响事件处理等
      return Chart;
    });
  },
  getOption: function () {
    // 指定图表的配置项和数据
    var option = {
      xAxis: {
          type: 'category',
          data: ymList//['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
      },
      yAxis: {
          type: 'value'
      },
      series: [{
          data: rateList,
          type: 'line'
      }]
    }
    return option;
  },
 
})