Pie Chart

Pie and donut charts for part-to-whole comparisons. Supports rose charts, label lines, inner radius, pad angles, and custom start/end angles.

Interactive

A live pie chart with month filtering.

Pie Chart — Interactive

Showing browser usage statistics for january

Core pie chart configurations.

Prop	Type	Default	Description
Data	IEnumerable<TData>	required	The data collection to render.
DataKey	string	required	Property name mapped to each slice's numeric value (on Pie series).
NameKey	string?	null	Property name mapped to each slice's display name.
InnerRadius	string?	0	Inner radius for donut charts, e.g. "40%".
OuterRadius	string?	75%	Outer radius as a percentage or pixel value.
Center	string[]?	50%, 50%	Center position [x, y] as percentage strings.
StartAngle	int	90	Starting angle in degrees (counterclockwise from 3 o'clock).
EndAngle	int	-270	Ending angle in degrees.
PadAngle	int	0	Gap angle in degrees between slices.
RoseType	string?	null	Set to "radius" to render a Nightingale rose chart.
ShowLabel	bool	false	Whether to show slice labels.
EmphasisScaleSize	int	0	Scale-up amount on hover for emphasis effect.
Color	string?	auto	Override the first slice color. Usually left to the palette.
Class	string?	null	Additional CSS classes on the root element.