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

let app = getApp()
var barec = null
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    btText: {
      value: '默认值',
      type: String
    }
  },
  onShareAppMessage: function (res) {
    return {
      title: 'ECharts 可以在微信小程序中使用啦！',
      path: '/pages/SysComponent/jixiao',
      success: function () {},
      fail: function () {}
    }
  },
  /**
   * 组件的初始数据
   */
  data: {
    date: '请选择>', //默认起始时间  
    date2: '请选择>', //默认起始时间  
    listArr: [],
    //barec:null,
    windowHeight: '', //屏幕高度 
    scrollTop: 0, //设置srcoll-view距离顶部位置
    ec: {

    }

  },

  /**
   * 组件的方法列表
   */
  methods: {
    showLog: function () {
      var that=this;
      var widhegth = wx.getSystemInfoSync().windowHeight;
      var listboxCount = parseInt(widhegth / 30);
      that.setData({
        windowHeight: widhegth,
        pageSize: listboxCount,
        ec:{
          onInit: function (canvas, width, height) {
            barec = echarts.init(canvas, null, {
              width: width,
              height: height
            });
            canvas.setChart(barec);
            return barec;
          }
        }
      })

      var animation = wx.createAnimation({
        duration: 1000,
        timingFunction: "ease",
        delay: 0
      })
      animation.translateY(5).step();
      that.setData({
        animationData: animation.export()
      })
      that.getData()
    },
    onReady() {
      setTimeout(this.getData, 500);
    },

    getData() {
      var that=this;
      wx.showLoading({
        title: '加载中...',
      })
 
          barec.setOption({
              grid: {
                left: '3%',
                right: '7%',
                bottom: '3%',
                containLabel: true
              },
              tooltip: {
                // trigger: 'axis',
                showDelay: 0,
                formatter: function (params) {
                  if (params.value.length > 1) {
                    console.log(params)
                    return params.seriesName + ' :' +
                      params.value[0] + '个 ' +
                      params.value[1] + 'm ';
                  } else {
                    return params.name + ' :' +
                      params.seriesName + ' : ' +
                      params.value;
                  }
                },
                axisPointer: {
                  show: true,
                  type: 'cross',
                  lineStyle: {
                    type: 'dashed',
                    width: 1
                  }
                }
              },
              color: ["#37A2DA", "#67E0E3"],
              legend: {
                data: ['个数', '次数'],
                top: 20,
                left: 'center',
                backgroundColor: '#FFFFFF',
                z: 100
              },
              xAxis: {
                x: 'center',
                type: 'value',
                splitLine: {
                  lineStyle: {
                    type: 'dashed'
                  }
                }
                // show: false
              },
              yAxis: {
                type: 'category',
                boundaryGap: false,
                data: ["", "测试1", "测试2", "测试3", "测试4", "测试5", "测试6", "测试7", "测试8", "测试9", "测试10", "测试11", "测试12", "测试13", "测试14", "测试15", "测试16", "测试17", "测试18", "测试19", "测试20", "测试21", "王富贵", "测试22", "测试23", "测试24", "测试25", "测试26", "测试27", ""], //
                // show: false
  
              },
              series: [{
                name: '个数',
                type: 'bar',
                smooth: true,
                data: EntNumber//[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 0] //
              }, {
                name: '次数',
                type: 'bar',
                smooth: true,
                data:[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 9, 19, 0] //
              }]
            },

            wx.hideLoading())
        },
        fail: function (res) {},
        complete: function (res) {},
      })
    }
  }
})

大佬们，帮忙看一下哪里出问题了呗，如果需要我看什么东西就能了解的话，告知一下我需要看哪里，谢谢大佬们了