HarmonyOS如何绘制渐变的圆环，中间是镂空的透明色？

@Entry  
@Component  
struct LinearGradientDataPanelExample {  
  public values: number[] = [99]  
  public color: LinearGradient = new LinearGradient([{ color: "rgba(45, 152, 248, 0)", offset: 0 }, {  
    color: "rgba(45, 152, 248, 1)",  
    offset: 0.5  
  }, { color: "rgba(82, 65, 230, 1)", offset: 1 }])  
  @State bgColor: string = '#08182431'  
  @State colorArray: Array<LinearGradient | ResourceColor> = [this.color]  
  build() {  
    Column({ space: 5 }) {  
        DataPanel({ values: this.values, max: 100, type: DataPanelType.Circle })  
          .width(300)  
          .height(300)  
          .valueColors(this.colorArray)  
          .trackShadow(null)  
          .strokeWidth(10)  
          .trackBackgroundColor(this.bgColor)  
      }  
      .rotate({  
        x: 0,  
        y: 0,  
        z: 1,  
        centerX: '50%',  
        centerY: '50%',  
        angle: 90  
      })  
  }  
}