Radzen Blazor Chart donut series
A donut chart is a pie chart with the center removed, freeing the middle for a total or label. The slices still show each category's share of the whole.
Showcase link
A real-world revenue breakdown that combines a custom color palette, gradient fills, a total in the center, rounded corners and a subtle segment gap.
Basic donut link
Bind a collection and set CategoryProperty and ValueProperty. Each value is converted to its share of the whole automatically.
Inner radius link
Set InnerRadius (in pixels) to control the size of the hole. By default it is half of the outer radius.
Center label link
Use the TitleTemplate to place a total or any custom markup in the open center.
Various radius link
Use the RadiusProperty to assign different outer radius values to each segment based on a data property. The inner radius stays constant while each segment extends outward proportionally.
Segment gap link
Set SegmentGap to separate adjacent segments by a uniform-width space that runs from the outer rim to the inner hole, regardless of segment size.
Rounded corners link
Set CornerRadius to round the corners of each segment for a softer look.
Semi-circle link
Combine StartAngle and TotalAngle to draw a half donut - useful for gauge-style visuals.
Explode on hover link
Set ExplodeOffset to make segments move outward from the center when hovered, or use ExplodedProperty to keep a segment permanently exploded.
Custom colors link
Provide your own palette with Fills (and Strokes). Combine with FillMode to switch between solid and gradient fills.
Labels and legend link
Add RadzenSeriesDataLabels to print values on the segments and position the RadzenLegend. Set ShowTooltipOnLegend to surface tooltips from the legend too.
Playground link
Combine the settings above and see how they interact - fill mode, inner radius, segment gap, corner radius, semi-circle, data labels and legend.
Frequently asked questions
When should I use a donut instead of a pie?
When you want to place a total or label in the center, or when a slightly cleaner look helps with a handful of slices. Both convey the same part-to-whole comparison.
Can I show the total in the middle?
Yes. The open center is a natural place for a summary number or short label.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT