Gauge组件问题，该如何解决？

@Entry  
@Component  
struct GaugeTest {  
  @State num:number=1;  
  onPageShow() {  
    setTimeout(()=>{  
      this.num=30  
    },1000)  
  }  
  build() {  
    Column() {  
      Gauge({ value: this.num, min: 1, max: 100 }) {  
        Column() {  
          Text(this.num.toString())  
            .maxFontSize('60sp')  
            .minFontSize('30.0vp')  
            .fontWeight(FontWeight.Medium)  
            .fontColor("#ff182431")  
            .width('62%')  
            .textAlign(TextAlign.Center)  
            .margin({ top: '35%' })  
            .textOverflow({ overflow: TextOverflow.Ellipsis })  
            .maxLines(1)  
        }.width('100%').height('100%')  
      }  
      .startAngle(225)  
      .endAngle(135)  
      .colors(Color.Blue)  
      .width('80%')  
      .height('80%')  
      .indicator(null)  
      .strokeWidth(10)  
      .trackShadow({ radius: 7, offsetX: 7, offsetY: 7 })  
      .padding(10)  
      Row({space:20}){  
        Button('进度+1').onClick(()=>{  
          this.num+=1;  
        })  
        Button('进度-1').onClick(()=>{  
          this.num-=1;  
        })  
      }  
    }.margin({ top: 40 }).width('100%').height('100%')  
  }  
}