A pie chart splits a whole into slices, with each slice sized by its share of the total. It works best for a few categories where you want to show proportion at a glance.
A real-world revenue breakdown that combines a custom color palette, gradient fills, rounded corners and a subtle segment gap.
Bind a collection and set CategoryProperty and ValueProperty. Each value is converted to its share of the whole automatically.
Use the RadiusProperty to assign different radius values to each segment based on a data property. This provides visual differentiation through size variation.
Set SegmentGap to separate adjacent segments by a uniform-width space that runs from the rim to the center, regardless of segment size.
Set CornerRadius to round the corners of each segment for a softer look.
Combine StartAngle and TotalAngle to draw a half pie - useful for gauge-style visuals.
Set ExplodeOffset to make segments move outward from the center when hovered, or use ExplodedProperty to keep a segment permanently exploded.
Provide your own palette with Fills (and Strokes). Combine with FillMode to switch between solid and gradient fills.
Add RadzenSeriesDataLabels to print values on the segments and position the RadzenLegend. Set ShowTooltipOnLegend to surface tooltips from the legend too.
Combine the settings above and see how they interact - fill mode, segment gap, corner radius, semi-circle, data labels and legend.
When you are showing parts of a single whole and there are only a few of them. With many slices, or when precise comparison matters, a bar or column chart is easier to read.
One value per category; the chart converts each to its share of the total automatically. Bind your collection and set the value and category properties of the pie series.
They show the same thing. A donut leaves a hole in the middle, which gives you space for a total or label and can look cleaner with more slices.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT