HarmonyOS 希望实现数据统计报表Demo

参考代码：

// xxx.ets
@Entry
@Component
struct ProgressExample {
  @State stateType: number[] = [2, 3]
  @State aaaaa: number = 0
  aboutToAppear(): void {
    this.aaaaa = this.stateType[0] / (this.stateType[0] + this.stateType[1])
  }
  build() {
    Stack() {
      Progress({ value: 50, total: 100, type: ProgressType.Ring })
        .color(new LinearGradient(
          [
            { color: Color.Blue, offset: 0 },
            { color: Color.Blue, offset: this.aaaaa },
            { color: Color.Red, offset: this.aaaaa },
            { color: Color.Red, offset: 1.0 }
          ]))
        .value(50)
        .width(150)
        .style({ strokeWidth: 10 })
        .backgroundColor(Color.Transparent)
        .rotate({
          angle: -90
        })
        .id("progress")
        .margin({
          top: 50
        })
      Column() {
        Text("正常人数" + this.stateType[0])
        Text("异常人数" + this.stateType[1])
      }.width("100%")
    }.width("100%").backgroundColor(Color.Yellow)
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.