如何实现一个仪表盘样式的组件？

@Entry
@Component
struct Index {
  @State value: number = 20;
  @State startAngle: number = 210;
  @State endAngle: number = 150;
  @State mWidth: number = 10;
  build() {
    Column() {
      Gauge({ value: this.value })//当前刻度
        .width(200)
        .height(200)
        .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])
        .startAngle(this.startAngle)//起始角度
        .endAngle(this.endAngle)//结束角度
        .strokeWidth(this.mWidth)//线条宽度
    }
    .width('100%')
    .height('100%')
    .justifyContent(FlexAlign.Center)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.