chenxuan0000 / svg-progress-bar Goto Github PK

svgProgressOption () {
     let that = this
      return {
        radius: 40,
        circleWidth: this.circleWidthnum,  // 没变化
        circleLineCap: 'round',
        pathColors: ['#DDD', '#008FF3'],
        text: function (value) {
          console.log(that.AttendanceCounts)  // 获取的是原始数据，没有更新
          return '<span class="circles-num">' + that.AttendanceCounts + '/' + that.totalPeople + '</span><div class="circles-subtitle">出勤人数</div>'
        },
        textColor: '#008FF3'
      }
    }

            options1: function () {
                return {
                    // 进度条半径
                    radius: 50,
                    // 进度条线宽
                    circleWidth: 6,
                    circleLinecap: 'round',
                    maxValue: 100,
                    text: function (value) {
                        return this.htmlifyNumber(value) + '<span style="font-size: 0.4em;">%</span>';
                    },
                    // 进度条文本颜色
                    textColor: 'pink',
                    // 进度条填充颜色
                    pathColors: ['#666', '#999'],
                    duration: 800
                }
            }