Ring
A composable function that displays a Ring Gauge Chart.
Each value is drawn as its own ring on a half circle, filled from the start of the style's range towards its end, so several values can be compared on the same scale. The first value is the outer ring. Values outside the range stop at the nearest end of the arc. Categories are optional and name the rings in the legend and while they are selected; when present, there must be one per value.
Tapping a ring selects it and shows Category: value in the title; tapping outside the rings clears the selection. interactionEnabled disables tap-to-select, but programmatic selection still renders. animateOnStart controls the initial fill, not subsequent update animations.
Parameters
The chart data to display. One series of at least one finite value. Categories are optional; when supplied they must match the value count. Invalid data renders the documented errors instead of a chart.
The modifier to be applied to the chart. Also forwarded to the error branch when the data fails validation.
The style to be applied to the chart. If not provided, the default style will be used.
Optional chart title displayed when no ring is selected.
Formats the selected value in the title.
Formats the range labels under the ends of the arc.
The hoisted selection state. Use rememberChartSelection for interactive charts or io.github.hdcharts.core.model.staticChartSelection for deterministic preset selections.
When false, disables tap-to-select.
When false, renders the chart in its final state without the initial fill animation.
Text below the title that stays visible while a value is selected.