diff --git a/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md b/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md index 9870c5d4d64ba6058fe26ec9b4ccbd2a0c8e14ad..b3c6978606b2c097b3886a70bdaf44da1dd8ca33 100644 --- a/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md +++ b/en/application-dev/reference/arkui-ts/ts-basic-components-gauge.md @@ -1,11 +1,12 @@ # Gauge -> **NOTE**
-> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. +> **NOTE** +> +> This component is supported since API version 8. Updates will be marked with a superscript to indicate their earliest API version. -This component is used to create a data gauge chart widget that displays data in a ring chart. +The **\** component is used to display data in a ring chart. ## Required Permissions @@ -15,7 +16,7 @@ None ## Child Components -None +Not supported ## APIs @@ -23,28 +24,29 @@ None Gauge(value:{value: number, min?: number, max?: number}) - Parameters - | Name | Type | Mandatory | Default Value | Description | + | Name| Type| Mandatory| Default Value| Description| | -------- | -------- | -------- | -------- | -------- | - | value | number | Yes | - | Current data value. | - | min | number | No | 0 | Minimum value of the current data segment. | - | max | number | No | 100 | Maximum value of the current data segment. | + | value | number | Yes| - | Current data value.| + | min | number | No| 0 | Minimum value of the current data segment.| + | max | number | No| 100 | Maximum value of the current data segment.| ## Attributes -| Name | Type | Default Value | Description | +| Name| Type| Default Value| Description| | -------- | -------- | -------- | -------- | -| value | number | 0 | Sets the value of the current data chart. | -| startAngle | Angle | -150 | Sets the start angle. Clock 0 indicates 0 degree, and the clockwise direction indicates the positive angle. | -| endAngle | Angle | 150 | Sets the end angle position. The clock 0 point is 0 degree, and the clockwise direction is the positive angle. | -| colors | Color \| Array<ColorStop> | - | Sets the color of the chart. You can set the pure color or segmental gradient color. | -| strokeWidth | Length | - | Sets the ring thickness of a ring chart. | +| value | number | 0 | Value of the chart.| +| startAngle | number | -150 | Start angle of the chart. The value 0 indicates 0 degrees, and a positive value indicates the clockwise direction.| +| endAngle | number | 150 | End angle of the chart. The value 0 indicates 0 degrees, and a positive value indicates the clockwise direction.| +| colors | Array<any> | - | Colors of the chart. Solid colors and gradients are supported.| +| strokeWidth | Length | - | Stroke width of the chart.| ## Example -``` +```ts +// xxx.ets @Entry @Component struct GaugeExample {