Gauge

CHARTS

Circular gauge meter for displaying single values against a maximum.

[EXAMPLES]

Basic

[PROPS]

PROPTYPEDEFAULTDESCRIPTION
valuenumber—Current value
maxnumber100Maximum value
labelstring—Label below the gauge
segments{ color: string; end: number }[]—Color segments for the arc

[ACCESSIBILITY]

ARIA

  • >role="meter"
  • >aria-valuenow, aria-valuemin, aria-valuemax