# DataPanel The **** component display proportions in a ring chart. ## Child Components None ## APIs DataPanel\(value:\{values: number\[\], max?: number\}\) - Parameters

Name	Type	Mandatory	Default Value	Description
values	number[]	Yes	-	Value list. A maximum of nine values are supported.
max	number	No	100	Maximum value.

## Example ``` @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 }) } } ``` ![](figures/datapanel.png)