DataPanel

About 2 min

DataPanel

数据面板组件,用于将多个数据占比情况使用环形占比图进行展示。

子组件

接口

DataPanel(value:{values: number[], max?: number})

  • 参数

    参数名

    参数类型

    必填

    默认值

    参数描述

    values

    number[]

    -

    数据值列表,最大支持9个数据。

    max

    number

    100

    数据的最大值。

示例

@Entry
@Component
struct DataPanelExample {
  public values1: number[] = [40, 20, 20, 10, 10]

  build() {
    Column({ space: 5 }) {
      DataPanel({ values: this.values1, max: 100 })
        .width(150)
        .height(150)
    }.width('100%').margin({ top: 5 })
  }
}
1
2
3
4
5
6
7
8
9
10
11
12
13