# 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 })
}
}
```
