Radial Bar Chart

Radial Bar Chart

Categorical bar charts rendered in a polar coordinate system. Each bar extends radially from the center, making it easy to compare values across categories in a circular layout.

Basic

Comparing values across categories in a circular layout.

Multi-Series

Plot several series side-by-side for direct comparison.

Stacked

Stack series to show composition and total at a glance.

API Reference

RadialBarChart and RadialBar series parameters.

Prop Type Default Description
Data IEnumerable<TData> required The data collection to render.
StartAngle int 90 Start angle in degrees (90 = top).
EndAngle int 450 End angle — 450 gives a full clockwise circle.
Clockwise bool true Whether bars progress clockwise.
RadiusMin double? 0 Minimum radius axis value.
RadiusMax double? null Maximum radius axis value; auto when null.
DataKey string required Property name for bar values (on RadialBar series).
Name string? DataKey Legend and tooltip series name.
Color string? auto Bar fill color. Accepts any CSS color value.
CornerRadius int? null Rounded cap radius in pixels.
StackId string? null Stack group — bars sharing the same StackId are stacked.
ShowBackground bool false Renders a faint background ring for remaining capacity.
BackgroundColor string? null Background ring color when ShowBackground is true.
BackgroundOpacity double? 0.1 Opacity of the background ring.
ShowLabel bool false Show value labels on each bar.

Reconnecting...

Attempting to rejoin the server

Connection Lost

Retrying in seconds

Connection Failed

Failed to rejoin the server.
Please retry or reload the page.

Session Paused

The session has been paused by the server

Resume Failed

Failed to resume the session.
Please reload the page.