Ring Chart

Ring charts are used to display percentage or proportional data, with support for single, doughnut, concentric, and indicator styles.

Ring Chart

e-ring

Preview

Config

Type

Type of the ring chart.

—doughnutconcentricindicator

Labels

Toggles the text right to the chart.

Percent

The percentage value to display.

Color

The color of the circle segment.

Open in playground →

Concentric Ring Chart

type="concentric"

Preview

Config

Type

Type of the ring chart.

—doughnutconcentricindicator

Labels

Toggles the text right to the chart.

Open in playground →