Skip to content

Gauge

A circular visual for conveying a percentage.

50

Sizes

Code Editor

Label

80

100

80

100

80

100

Code Editor

Default Color Scale

Code Editor

Custom Color Range

Code Editor

Custom Secondary Color

Code Editor

Arc Priority

When using the gauge to display a ratio, use the "equal" arc priority to make both arcs are equally sized.

Enable arcPriority="equal"

50

Code Editor