Radzen Blazor Components

Radzen Blazor Chart pie series

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.

Showcase link

A real-world revenue breakdown that combines a custom color palette, gradient fills, rounded corners and a subtle segment gap.

Basic pie link

Bind a collection and set CategoryProperty and ValueProperty. Each value is converted to its share of the whole automatically.

Various radius link

Use the RadiusProperty to assign different radius values to each segment based on a data property. This provides visual differentiation through size variation.

Segment gap link

Set SegmentGap to separate adjacent segments by a uniform-width space that runs from the rim to the center, 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 pie - 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, segment gap, corner radius, semi-circle, data labels and legend.

Frequently asked questions

When should I use a pie chart?

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.

What data does a pie chart need?

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.

Pie or donut?

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 Newsletter

Get an email when new components and releases ship.

All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Material 3 Expressive
  • Material 3 Expressive Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙