dd_xcx/pages/workbench/statistics_B/statistics_B.js

var app = getApp()
var that;
var chart1;
var chart2;
Page({
  data: {
    date: app.globalData.month,
    data_b: [],
    chartData: [],//折线图数据
    pieData: [1],//饼型图数据
    isShowTb:true,
  },
  onLoad() {
    that = this;
    chart1, chart2 = '';
    dd.setNavigationBar({ title: "我的B分统计" });
  },
  //打开更多
  openMore() {
    dd.navigateTo({
      url: '../../statistics/integralEvent/integralEvent?month=' + this.data.date + '&type=BF'
    })
  },
  //则线图
  onInitChart(F2, config) {
    chart1 = new F2.Chart(config);
    chart1.source(that.data.chartData, {
      date: {
        // range: [0, 1],
        tickCount: 5
      }
    });
    chart1.tooltip({
      showCrosshairs: true,
      showItemMarker: false,
      onShow: function onShow(ev) {
        const items = ev.items;
        items[0].name = "月份:" + items[0].origin.date;
        items[0].value = "分值:" + items[0].value;
      }
    });
    chart1.line().position('date*value');
    chart1.point().position('date*value').style({
      stroke: '#fff',
      lineWidth: 1
    });
    that.getIncidentLsit();
    chart1.render();
    return chart1;
  },
  //饼型图
  onInitChart2(F2, config) {
    chart2 = new F2.Chart(config);
    chart2.source(that.data.pieData, {
      percent: {
        formatter: function formatter(val) {
          return val * 100 + '%';
        }
      }
    });
    chart2.legend({
      position: 'right',
      itemFormatter: function itemFormatter(val, index) {
        var str = '';
        that.data.pieData.forEach(item => {
          if (item.name == val) {
            str = val + '  ' + item.point + '分';
          }
          
        })
        return str;
      }
    });
    chart2.tooltip(false);
    chart2.coord('polar', {
      transposed: true,
      radius: 0.85
    });
    chart2.axis(false);
    chart2.interval()
      .position('a*percent')
      .color('name', ['#1890FF', '#13C2C2', '#2FC25B', '#FACC14', '#F04864', '#8543E0'])
      .adjust('stack')
      .style({ lineWidth: 1, stroke: '#fff', lineJoin: 'round', lineCap: 'round' }).animate({
        appear: { duration: 1200, easing: 'bounceOut' }
      });
    chart2.render();
    // 注意：需要把chart return 出来
    that.getIncidentLsit();
    return chart2;
  },
  //时间选择
  openDate() {
    that.setData({ showDate: true });
    dd.datePicker({
      format: 'yyyy-MM',
      currentDate: that.data.date,
      success: (res) => {
        that.setData({
          date: res.date
        })
        if(res.date){
          that.getIncidentLsit();
        }
      },
      complete: (res) => {
        that.setData({
          showDate: false
        })
      }
    });
  },
  //获取积分事件
  getIncidentLsit() {
    var y = that.data.date.substr(that.data.date.length - 2, 2);
    var n = that.data.date.substr(0, 4);
    var start_date;
    if (y >= 6) {
      start_date = n + "-" + "0" + (y - 5).toString();
    } else {
      n--;
      switch (y - 5) {
        case 0:
          y = 12
          break;
        case -1:
          y = 11
          break;
        case -2:
          y = 10
          break;
        case -3:
          y = "0"+(9).toString()
          break;
        case -4:
          y = "0"+(8).toString()
          break;
      }
      start_date =n+"-"+y;
    }
    var incident = app.$get("api/integral/statistics/b", { employee_id: 0, start_date: start_date, end_date: that.data.date, show_type: '2' });
    var pei = app.$get("api/integral/statistics/pie/b", { employee_id: 0, month: that.data.date });
    Promise.all([incident, pei]).then(resArr => {
      if (resArr[0].data.code == 1) {
        const { b, chart, good, bad } = resArr[0].data.data
        const points = chart.reward.map((rewardItem, index) => {
          return { date: rewardItem.date, value: rewardItem.point - (chart.deduction[index].point || 0) }
        })
        chart1.changeData(points);
        that.setData({
          data_b: b,
          data_good: good,
          data_bad: bad,
        });
      }
      // if (resArr[1].data.code == 1) {
      //   const pieData = resArr[1].data.data.list.map((item) => {
      //     return { name: item.name, percent: item.point < 0 ? 0 : item.point, a:"1",point:item.point }
      //   })
      //   var isData=pieData.every(itme=>{
      //       return itme.percent == 0;
      //    })
      //   that.setData({
      //     pieData:isData?[]:pieData
      //   });
      //   chart2.changeData(pieData);
      // }
    }).catch(e => {
      console.error(e)
    })
  },
});