// test/qiDong/index.wxml.js
import * as echarts from '../../components/ec-canvas/echarts';

var m_echart_dl = null; //每日用电量 图表
var m_echart_dlpie = null; //电量饼图
var m_echart_fh = null; //负荷折线图表
var m_echart_xl = null; //需量折线图表
var m_echart_dlb = null; //每日用电量 图表b
var m_echart_dlpieb = null; //电量饼图b
var m_echart_fhb = null; //负荷折线图表b
var m_echart_xlb = null; //需量折线图表b
function getRandomVal(min, max, l) {
  return parseFloat((Math.random() * (max - min) + min).toFixed(l))
}
Page({

  /**
   * 页面的初始数据
   */
  data: {
    box_data: {
      dianLiang: 400,
      anQuan: 6418,
      xinZeng: 0,
      xiaoChu: 0,
      qianDao: 1
    },
    dl: { //电量
      onInit: function (canvas, width, height, dpr) {
        m_echart_dl = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_dl);
        return m_echart_dl;
      }
    },
    dlpie: { //电量pie
      onInit: function (canvas, width, height, dpr) {
        m_echart_dlpie = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_dlpie);
        return m_echart_dlpie;
      }
    },
    fh: { //负荷
      onInit: function (canvas, width, height, dpr) {
        m_echart_fh = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_fh);
        return m_echart_fh;
      }
    },
    xl: { //需量
      onInit: function (canvas, width, height, dpr) {
        m_echart_xl = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_xl);
        return m_echart_xl;
      }
    },
    dlb: { //电量b
      onInit: function (canvas, width, height, dpr) {
        m_echart_dlb = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_dlb);
        return m_echart_dlb;
      }
    },
    dlpieb: { //电量pieb
      onInit: function (canvas, width, height, dpr) {
        m_echart_dlpieb = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_dlpieb);
        return m_echart_dlpieb;
      }
    },
    fhb: { //负荷b
      onInit: function (canvas, width, height, dpr) {
        m_echart_fhb = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_fhb);
        return m_echart_fhb;
      }
    },
    xlb: { //需量b
      onInit: function (canvas, width, height, dpr) {
        m_echart_xlb = echarts.init(canvas, null, {
          width: width,
          height: height,
          devicePixelRatio: dpr
        });
        canvas.setChart(m_echart_xlb);
        return m_echart_xlb;
      }
    },
    dlfx: { //dlfx 电量分析
      zong: 0,
      zuiGao: 0,
      zuiDi: 0,
      pingJun: 0,
      chartDataDL: [{
          day: '2021-02-01',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-02',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-03',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-04',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-05',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-06',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-07',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-08',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-09',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-10',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-11',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-12',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-13',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-14',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-15',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-15',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-16',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-17',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-18',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-19',
          value: getRandomVal(50, 100, 2)
        },
        {
          day: '2021-02-20',
          value: getRandomVal(50, 100, 2)
        },
      ],
      chartDataDLPie: [{
          name: "谷",
          value: getRandomVal(50, 100, 1)
        },
        {
          name: "峰",
          value: getRandomVal(50, 100, 1)
        },
        {
          name: "均",
          value: getRandomVal(50, 100, 1)
        },
        {
          name: "最",
          value: getRandomVal(50, 100, 1)
        },
        // {name:"谷",value:0},
        // {name:"峰",value:20},
        // {name:"均",value:18},
        // {name:"最",value:50},
      ]
    },
    fhfx: { //fhfx 负荷分析
      zuiDaFuHe: 98.62,
      faShengShiJian: '2021-02-05 13:38',
      pingJunFuZai: 24,
      pingJunFuZaiLv: 12,
      chartDataFH: [{
          day: '2021-02-01',
          value: getRandomVal(50, 100, 2),
          date: 1
        },
        {
          day: '2021-02-02',
          value: getRandomVal(50, 100, 2),
          date: 2
        },
        {
          day: '2021-02-03',
          value: getRandomVal(50, 100, 2),
          date: 3
        },
        {
          day: '2021-02-04',
          value: getRandomVal(50, 100, 2),
          date: 4
        },
        {
          day: '2021-02-05',
          value: getRandomVal(50, 100, 2),
          date: 5
        },
        {
          day: '2021-02-06',
          value: getRandomVal(50, 100, 2),
          date: 6
        },
        {
          day: '2021-02-07',
          value: getRandomVal(50, 100, 2),
          date: 7
        },
        {
          day: '2021-02-08',
          value: getRandomVal(50, 100, 2),
          date: 8
        },
        {
          day: '2021-02-09',
          value: getRandomVal(50, 100, 2),
          date: 9
        },
        {
          day: '2021-02-10',
          value: getRandomVal(50, 100, 2),
          date: 10
        },
        {
          day: '2021-02-11',
          value: getRandomVal(50, 100, 2),
          date: 11
        },
        {
          day: '2021-02-12',
          value: getRandomVal(50, 100, 2),
          date: 12
        },
        {
          day: '2021-02-13',
          value: getRandomVal(50, 100, 2),
          date: 13
        },
        {
          day: '2021-02-14',
          value: getRandomVal(50, 100, 2),
          date: 14
        },
        {
          day: '2021-02-15',
          value: getRandomVal(50, 100, 2),
          date: 15
        },
        {
          day: '2021-02-16',
          value: getRandomVal(50, 100, 2),
          date: 16
        },
        {
          day: '2021-02-17',
          value: getRandomVal(50, 100, 2),
          date: 17
        },
        {
          day: '2021-02-18',
          value: getRandomVal(50, 100, 2),
          date: 18
        },
        {
          day: '2021-02-19',
          value: getRandomVal(50, 100, 2),
          date: 19
        },
        {
          day: '2021-02-20',
          value: getRandomVal(50, 100, 2),
          date: 20
        },
      ],

    },
    xlfx: { //xlfx 需量分析
      zuiDaXuLiang: 98.62,
      faShengShiJian: '2021-02-05 13:38',
      chartDataXL: [{
          day: '2021-02-01',
          value: getRandomVal(50, 100, 2),
          date: 1
        },
        {
          day: '2021-02-02',
          value: getRandomVal(50, 100, 2),
          date: 2
        },
        {
          day: '2021-02-03',
          value: getRandomVal(50, 100, 2),
          date: 3
        },
        {
          day: '2021-02-04',
          value: getRandomVal(50, 100, 2),
          date: 4
        },
        {
          day: '2021-02-05',
          value: getRandomVal(50, 100, 2),
          date: 5
        },
        {
          day: '2021-02-06',
          value: getRandomVal(50, 100, 2),
          date: 6
        },
        {
          day: '2021-02-07',
          value: getRandomVal(50, 100, 2),
          date: 7
        },
        {
          day: '2021-02-08',
          value: getRandomVal(50, 100, 2),
          date: 8
        },
        {
          day: '2021-02-09',
          value: getRandomVal(50, 100, 2),
          date: 9
        },
        {
          day: '2021-02-10',
          value: getRandomVal(50, 100, 2),
          date: 10
        },
        {
          day: '2021-02-11',
          value: getRandomVal(50, 100, 2),
          date: 11
        },
        {
          day: '2021-02-12',
          value: getRandomVal(50, 100, 2),
          date: 12
        },
        {
          day: '2021-02-13',
          value: getRandomVal(50, 100, 2),
          date: 13
        },
        {
          day: '2021-02-14',
          value: getRandomVal(50, 100, 2),
          date: 14
        },
        {
          day: '2021-02-15',
          value: getRandomVal(50, 100, 2),
          date: 15
        },
        {
          day: '2021-02-16',
          value: getRandomVal(50, 100, 2),
          date: 16
        },
        {
          day: '2021-02-17',
          value: getRandomVal(50, 100, 2),
          date: 17
        },
        {
          day: '2021-02-18',
          value: getRandomVal(50, 100, 2),
          date: 18
        },
        {
          day: '2021-02-19',
          value: getRandomVal(50, 100, 2),
          date: 19
        },
        {
          day: '2021-02-20',
          value: getRandomVal(50, 100, 2),
          date: 20
        },
      ],

    },
    dlfxb: { //dlfxb 电量分析b
      zong: 0,
      zuiGao: 0,
      zuiDi: 0,
      pingJun: 0,
      chartDataDL: [{
          day: '2021-02-01',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-02',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-03',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-04',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-05',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-06',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-07',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-08',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-09',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-10',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-11',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-12',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-13',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-14',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-15',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-15',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-16',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-17',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-18',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-19',
          value: getRandomVal(0, 2, 2)
        },
        {
          day: '2021-02-20',
          value: getRandomVal(0, 2, 2)
        },
      ],
      chartDataDLPie: [{
          name: "谷",
          value: getRandomVal(0, 2, 1)
        },
        {
          name: "峰",
          value: getRandomVal(0, 2, 1)
        },
        {
          name: "均",
          value: getRandomVal(0, 2, 1)
        },
        {
          name: "最",
          value: getRandomVal(0, 2, 1)
        },
        // {name:"谷",value:0},
        // {name:"峰",value:20},
        // {name:"均",value:18},
        // {name:"最",value:50},
      ]
    },
    fhfxb: { //fhfxb 负荷分析b
      zuiDaFuHe: 98.62,
      faShengShiJian: '2021-02-05 13:38',
      pingJunFuZai: 24,
      pingJunFuZaiLv: 12,
      chartDataFH: [{
          day: '2021-02-01',
          value: getRandomVal(0, 0.25, 2),
          date: 1
        },
        {
          day: '2021-02-02',
          value: getRandomVal(0, 0.25, 2),
          date: 2
        },
        {
          day: '2021-02-03',
          value: getRandomVal(0, 0.25, 2),
          date: 3
        },
        {
          day: '2021-02-04',
          value: getRandomVal(0, 0.25, 2),
          date: 4
        },
        {
          day: '2021-02-05',
          value: getRandomVal(0, 0.25, 2),
          date: 5
        },
        {
          day: '2021-02-06',
          value: getRandomVal(0, 0.25, 2),
          date: 6
        },
        {
          day: '2021-02-07',
          value: getRandomVal(0, 0.25, 2),
          date: 7
        },
        {
          day: '2021-02-08',
          value: getRandomVal(0, 0.25, 2),
          date: 8
        },
        {
          day: '2021-02-09',
          value: getRandomVal(0, 0.25, 2),
          date: 9
        },
        {
          day: '2021-02-10',
          value: getRandomVal(0, 0.25, 2),
          date: 10
        },
        {
          day: '2021-02-11',
          value: getRandomVal(0, 0.25, 2),
          date: 11
        },
        {
          day: '2021-02-12',
          value: getRandomVal(0, 0.25, 2),
          date: 12
        },
        {
          day: '2021-02-13',
          value: getRandomVal(0, 0.25, 2),
          date: 13
        },
        {
          day: '2021-02-14',
          value: getRandomVal(0, 0.25, 2),
          date: 14
        },
        {
          day: '2021-02-15',
          value: getRandomVal(0, 0.25, 2),
          date: 15
        },
        {
          day: '2021-02-16',
          value: getRandomVal(0, 0.25, 2),
          date: 16
        },
        {
          day: '2021-02-17',
          value: getRandomVal(0, 0.25, 2),
          date: 17
        },
        {
          day: '2021-02-18',
          value: getRandomVal(0, 0.25, 2),
          date: 18
        },
        {
          day: '2021-02-19',
          value: getRandomVal(0, 0.25, 2),
          date: 19
        },
        {
          day: '2021-02-20',
          value: getRandomVal(0, 0.25, 2),
          date: 20
        },
      ],

    },
    xlfxb: { //xlfxb 需量分析b
      zuiDaXuLiang: 98.62,
      faShengShiJian: '2021-02-05 13:38',
      chartDataXL: [{
          day: '2021-02-01',
          value: getRandomVal(0, 0, 2),
          date: 1
        },
        {
          day: '2021-02-02',
          value: getRandomVal(0, 0, 2),
          date: 2
        },
        {
          day: '2021-02-03',
          value: getRandomVal(0, 0, 2),
          date: 3
        },
        {
          day: '2021-02-04',
          value: getRandomVal(0, 0, 2),
          date: 4
        },
        {
          day: '2021-02-05',
          value: getRandomVal(0, 0, 2),
          date: 5
        },
        {
          day: '2021-02-06',
          value: getRandomVal(0, 0, 2),
          date: 6
        },
        {
          day: '2021-02-07',
          value: getRandomVal(0, 0, 2),
          date: 7
        },
        {
          day: '2021-02-08',
          value: getRandomVal(0, 0, 2),
          date: 8
        },
        {
          day: '2021-02-09',
          value: getRandomVal(0, 0, 2),
          date: 9
        },
        {
          day: '2021-02-10',
          value: getRandomVal(0, 0, 2),
          date: 10
        },
        {
          day: '2021-02-11',
          value: getRandomVal(0, 0, 2),
          date: 11
        },
        {
          day: '2021-02-12',
          value: getRandomVal(0, 0, 2),
          date: 12
        },
        {
          day: '2021-02-13',
          value: getRandomVal(0, 0, 2),
          date: 13
        },
        {
          day: '2021-02-14',
          value: getRandomVal(0, 0, 2),
          date: 14
        },
        {
          day: '2021-02-15',
          value: getRandomVal(0, 0, 2),
          date: 15
        },
        {
          day: '2021-02-16',
          value: getRandomVal(0, 0, 2),
          date: 16
        },
        {
          day: '2021-02-17',
          value: getRandomVal(0, 0, 2),
          date: 17
        },
        {
          day: '2021-02-18',
          value: getRandomVal(0, 0, 2),
          date: 18
        },
        {
          day: '2021-02-19',
          value: getRandomVal(0, 0, 2),
          date: 19
        },
        {
          day: '2021-02-20',
          value: getRandomVal(0, 0, 2),
          date: 20
        },
      ],

    },
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {



  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    var _this = this

    setTimeout(function () {
      _this.onInitDL();
      _this.onInitDLPie();
      _this.onInitFH();
      _this.onInitXL();
      _this.onInitDLB();
      _this.onInitDLPieB();
      _this.onInitFHB();
      _this.onInitXLB();
    }, 800)


  },
  onInitDL: function () {
    var data = this.data.dlfx
    var xAxisData = data.chartDataDL.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataDL.map((item) => {
      return item.value
    })
    // console.log(xAxisData)
    var max = Math.max.apply(null, seriesData);
    var min = Math.min.apply(null, seriesData);

    var sum = seriesData.reduce((pre, cur) => {
      return pre + cur
    })
    sum = parseFloat(sum.toFixed(1));
    var average = sum / seriesData.length //平均负载
    average = parseFloat(average.toFixed(1))

    this.setData({
      'dlfx.zong': sum,
      'dlfx.zuiGao': max,
      'dlfx.zuiDi': min,
      'dlfx.pingJun': average,
    })

    var option = {
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData
      },
      yAxis: {
        type: 'value',
        name: '单位：KWh'
      },
      series: [{
        data: seriesData,
        type: 'bar',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
        markLine: {
          data: [{
            name: '平均线',
            // 支持 'average', 'min', 'max'
            type: 'average'
          }, ],
        },
      }]
    };
    m_echart_dl.setOption(option)
  },
  onInitDLPie: function () {
    var data = this.data.dlfx
    var seriesData = data.chartDataDLPie
    seriesData = []
    var colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
    for (var i = 0; i < data.chartDataDLPie.length; i++) {
      var node = data.chartDataDLPie[i]
      node.label = {
        formatter: ['{title|占比}', '{value|' + node.name + ':{c}}{rate|{d}%}'].join('\n'),
        backgroundColor: '#eee',
        borderColor: '#777',
        borderWidth: 1,
        borderRadius: 4,
        //  position: "inside",
        distanceToLabelLine: 0,
        rich: {
          title: {
            color: '#333',
            align: 'center',
            height: 20,
            fontSize: 10,
          },
          value: {
            color: colors[i],
            padding: [3, 3, 3, 3],
            fontSize: 10,
            align: 'left'
          },
          rate: {
            backgroundColor: '#666',
            align: 'right',
            color: '#fff',
            fontSize: 8,
            padding: [3, 3, 3, 3]
          },
        }
      }

      seriesData.push(node)
    }
    var option = {
      title: {
        text: '',
        subtext: '',
        left: 'center'
      },
      tooltip: {
        trigger: 'item'
      },
      legend: {
        //orient: 'vertical',
        left: 'left',
      },
      series: [{
        name: '用电量',
        type: 'pie',
        radius: '35%',
        data: seriesData,
        labelLayout: {
          draggable: true
        },
        labelLine: {
          length: 8,
          length2: 8,
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }]
    };
    m_echart_dlpie.setOption(option)
  },
  onInitFH: function () {
    var data = this.data.fhfx
    var xAxisData = data.chartDataFH.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataFH.map((item) => {
      return item.value
    })
    var max = Math.max.apply(null, seriesData);
    var day = ''
    var average = seriesData.reduce((pre, cur) => {
      return pre + cur
    }) / seriesData.length //平均负载
    average = parseFloat(average.toFixed(1))
    var fuzailv = parseFloat((average / 2).toFixed(1))
    data.chartDataFH.forEach(function (item) {
      if (item.value == max) {
        day = item.day
      }
    })
    this.setData({
      'fhfx.zuiDaFuHe': max,
      'fhfx.faShengShiJian': day,
      'fhfx.pingJunfuZai': average,
      'fhfx.pingJunfuZaiLv': fuzailv
    })
    var option = {
      tooltip: {
        trigger: 'axis',
        formatter: function (params) {
          // console.log(params)
          var data = params
          var str = ''
          str += '时间：' + data[0].axisValue + '\n'
          for (var i = 0; i < data.length; i++) {
            var node = data[i]
            str += node.seriesName + '：' + node.value
          }
          return str;
        },
      },
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData,
        axisTick: {
          alignWithLabel: true
        },
      },
      yAxis: {
        type: 'value',
        name: '单位：KW'
      },
      series: [{
        name: '负荷',
        data: seriesData,
        type: 'line',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
      }]
    };
    m_echart_fh.setOption(option)
  },
  onInitXL: function () {
    var data = this.data.xlfx
    var xAxisData = data.chartDataXL.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataXL.map((item) => {
      return item.value
    })
    var max = Math.max.apply(null, seriesData);
    var day = ''
    data.chartDataXL.forEach(function (item) {
      if (item.value == max) {
        day = item.day
      }
    })
    this.setData({
      'xlfx.zuiDaXuLiang': max,
      'xlfx.faShengShiJian': day
    })
    var option = {
      tooltip: {
        trigger: 'axis',
        formatter: function (params) {
          // console.log(params)
          var data = params
          var str = ''
          str += '时间：' + data[0].axisValue + '\n'
          for (var i = 0; i < data.length; i++) {
            var node = data[i]
            str += node.seriesName + '：' + node.value
          }
          return str;
        },
      },
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData,
        axisTick: {
          alignWithLabel: true
        },
      },
      yAxis: {
        type: 'value',
        name: '单位：KW'
      },
      series: [{
        name: '需量',
        data: seriesData,
        type: 'line',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
      }]
    };
    m_echart_xl.setOption(option)
  },
  onInitDLB: function () {
    var data = this.data.dlfxb
    var xAxisData = data.chartDataDL.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataDL.map((item) => {
      return item.value
    })
    // console.log(xAxisData)
    var max = Math.max.apply(null, seriesData);
    var min = Math.min.apply(null, seriesData);

    var sum = seriesData.reduce((pre, cur) => {
      return pre + cur
    })
    sum = parseFloat(sum.toFixed(1));
    var average = sum / seriesData.length //平均负载
    average = parseFloat(average.toFixed(1))

    this.setData({
      'dlfxb.zong': sum,
      'dlfxb.zuiGao': max,
      'dlfxb.zuiDi': min,
      'dlfxb.pingJun': average,
    })
    var option = {
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData
      },
      yAxis: {
        type: 'value',
        name: '单位：KWh'
      },
      series: [{
        data: seriesData,
        type: 'bar',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
        markLine: {
          data: [{
            name: '平均线',
            // 支持 'average', 'min', 'max'
            type: 'average'
          }, ],
        },
      }]
    };
    m_echart_dlb.setOption(option)
  },
  onInitDLPieB: function () {
    var data = this.data.dlfxb
    var seriesData = data.chartDataDLPie
    seriesData = []
    var colors = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc']
    for (var i = 0; i < data.chartDataDLPie.length; i++) {
      var node = data.chartDataDLPie[i]
      node.label = {
        formatter: ['{title|占比}', '{value|' + node.name + ':{c}}{rate|{d}%}'].join('\n'),
        backgroundColor: '#eee',
        borderColor: '#777',
        borderWidth: 1,
        borderRadius: 4,
        //  position: "inside",
        distanceToLabelLine: 0,
        rich: {
          title: {
            color: '#333',
            align: 'center',
            height: 20,
            fontSize: 10,
          },
          value: {
            color: colors[i],
            padding: [3, 3, 3, 3],
            fontSize: 10,
            align: 'left'
          },
          rate: {
            backgroundColor: '#666',
            align: 'right',
            color: '#fff',
            fontSize: 8,
            padding: [3, 3, 3, 3]
          },
        }
      }

      seriesData.push(node)
    }
    var option = {
      title: {
        text: '',
        subtext: '',
        left: 'center'
      },
      tooltip: {
        trigger: 'item'
      },
      legend: {
        //orient: 'vertical',
        left: 'left',
      },
      series: [{
        name: '用电量',
        type: 'pie',
        radius: '35%',
        data: seriesData,
        labelLayout: {
          draggable: true
        },
        labelLine: {
          length: 8,
          length2: 8,
        },
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: 'rgba(0, 0, 0, 0.5)'
          }
        }
      }]
    };
    m_echart_dlpieb.setOption(option)
  },
  onInitFHB: function () {
    var data = this.data.fhfxb
    var xAxisData = data.chartDataFH.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataFH.map((item) => {
      return item.value
    })
    var max = Math.max.apply(null, seriesData);
    var day = ''
    var average = seriesData.reduce((pre, cur) => {
      return pre + cur
    }) / seriesData.length //平均负载
    average = parseFloat(average.toFixed(1))
    var fuzailv = parseFloat((average / 2).toFixed(1))
    data.chartDataFH.forEach(function (item) {
      if (item.value == max) {
        day = item.day
      }
    })
    this.setData({
      'fhfxb.zuiDaFuHe': max,
      'fhfxb.faShengShiJian': day,
      'fhfxb.pingJunfuZai': average,
      'fhfxb.pingJunfuZaiLv': fuzailv
    })
    var option = {
      tooltip: {
        trigger: 'axis',
        formatter: function (params) {
          // console.log(params)
          var data = params
          var str = ''
          str += '时间：' + data[0].axisValue + '\n'
          for (var i = 0; i < data.length; i++) {
            var node = data[i]
            str += node.seriesName + '：' + node.value
          }
          return str;
        },
      },
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData,
        axisTick: {
          alignWithLabel: true
        },
      },
      yAxis: {
        type: 'value',
        name: '单位：KW'
      },
      series: [{
        name: '负荷',
        data: seriesData,
        type: 'line',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
      }]
    };
    m_echart_fhb.setOption(option)
  },
  onInitXLB: function () {
    var data = this.data.xlfxb
    var xAxisData = data.chartDataXL.map((item) => {
      return item.day
    })
    var seriesData = data.chartDataXL.map((item) => {
      return item.value
    })
    var max = Math.max.apply(null, seriesData);
    var day = ''
    data.chartDataXL.forEach(function (item) {
      if (item.value == max) {
        day = item.day
      }
    })
    this.setData({
      'xlfxb.zuiDaXuLiang': max,
      'xlfxb.faShengShiJian': day
    })
    var option = {
      tooltip: {
        trigger: 'axis',
        formatter: function (params) {
          // console.log(params)
          var data = params
          var str = ''
          str += '时间：' + data[0].axisValue + '\n'
          for (var i = 0; i < data.length; i++) {
            var node = data[i]
            str += node.seriesName + '：' + node.value
          }
          return str;
        },
      },
      xAxis: {
        type: 'category',
        axisLabel: {
          formatter: function (value, index) {
            return new Date(value).getDate();
          }
        },
        data: xAxisData,
        axisTick: {
          alignWithLabel: true
        },
      },
      yAxis: {
        type: 'value',
        name: '单位：KW'
      },
      series: [{
        name: '需量',
        data: seriesData,
        type: 'line',
        markPoint: {
          data: [{
              name: '最大值',
              type: 'max'
            },
            {
              name: '最小值',
              type: 'min'
            }
          ]
        },
      }]
    };
    m_echart_xlb.setOption(option)
  },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})