ball-applet/pages/schAdmin/stustat/list.js

const app = getApp()
import * as echarts from '../../../commpents/ec-canvas/echarts'
Page({
  data: {
    frameStyle: { useTop: true, name: '学员统计', leftArrow: true, useBar: false },
  },
  // 返回
  back(e) {
    wx.navigateBack({ delta: 1 })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) { },
  // 监听用户是否登录
  watchLogin: async function () {
    const that = this;
    wx.getStorage({
      key: 'user',
      success: async res => {
        that.setData({ ec: { onInit: that.initChart } })
        that.data.piedata = [
          { value: 55, name: '7-10岁' },
          { value: 20, name: '10-13岁' },
          { value: 10, name: '13-16岁' },
          { value: 20, name: '16-18岁' },
          { value: 38, name: '18-26岁' }];
      },
      fail: async res => {
        wx.redirectTo({ url: '/pages/index/index' })
      }
    })
  },
  // 折线图
  initChart(canvas, width, height, dpr) {
    let that = this;
    var piedata = that.data.piedata;
    const chart = echarts.init(canvas, null, {
      width: width,
      height: height,
      devicePixelRatio: dpr
    });
    canvas.setChart(chart);
    var option = {
      backgroundColor: "#ffffff",
      series: [{
        label: {
          normal: {
            fontSize: 14,
          }
        },
        type: 'pie',
        center: ['50%', '50%'],
        radius: ['20%', '40%'],
        data: piedata
      }],
      tooltip: {
        trigger: 'item',
        formatter: '{b}:{c}人' + '\n\r' + '({d}%)' // 格式化数值百分比输出
      },
    };
    chart.setOption(option, true);
    return chart;
  },
  /**
 * 生命周期函数--监听页面初次渲染完成
 */
  onReady: function () { },
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    const that = this;
    // 监听用户是否登录
    that.watchLogin();
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

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

  },

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

  },


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

  },
})