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: [],//饼型图数据
  },
  onLoad() {
    that = this;
    dd.setNavigationBar({ title: "我的B分统计" });
    that.getIncidentLsit();
  },
  //则线图
  onInitChart(F2, config) {
    chart1 = new F2.Chart(config);
    chart1.source(that.data.chartData, {
      date: {
        range: [0, 1],
        tickCount: 5
      }
    });
    chart1.line().position('date*value');
    chart1.point().position('date*value').style({
      stroke: '#fff',
      lineWidth: 1
    });
    chart1.render();
    return chart1;
  },
  //饼型图
  onInitChart2(F2, config) {
    chart2 = new F2.Chart(config);
    // const map = {
    //   芳华: '40%',
    //   妖猫传: '20%',
    //   机器之血: '18%',
    //   心理罪: '15%',
    //   寻梦环游记: '5%',
    //   其他: '2%'
    // };
    chart2.source(that.data.pieData, {
      percent: {
        formatter: function formatter(val) {
          return val * 100 + '%';
        }
      }
    });
    chart2.legend({
      position: 'right',
      // itemFormatter: function itemFormatter(val) {
      //   return val + '  ' + map[val];
      // }
    });
    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 出来
    return chart2;
  },
  //时间选择
  openDate() {
    dd.datePicker({
      format: 'yyyy-MM',
      currentDate: that.data.date,
      success: (res) => {
        that.setData({
          date: res.date
        })
        that.getIncidentLsit();
      },
    });
  },
  //获取积分事件
  getIncidentLsit() {
    var incident = app.$get("api/integral/statistics/b", { employee_id: 0, month: that.data.date });
    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.month, 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) {
        let totalPoint = 0
        const pieData = resArr[1].data.data.list.map((item, index) => {
          totalPoint += item.point
          return { name: item.name, percent: item.point, a: '1' }
        })
        that.setData({
          pieData: pieData
        });
        if (pieData.length > 0) {
          chart2.changeData(pieData);
        }
      }
    }).catch(e => {
      console.error(e)
    })
  },
});