Examples
Wedges run clockwise from 12 o'clock in the order given; grid circles mark the scale.
Give a point its own Color to make it stand out; ShowValues="false" keeps only the names (values stay in the tooltips).
Labels and Series instead of Data stack the series outward in every wedge, each wedge's area following its total; the legend names the series.
Playground
<PolarAreaChart Title="Support tickets by category" Data="@_tickets" />
@code {
private readonly ChartDataPoint[] _tickets =
[
new("Login", 142),
new("Integrations", 96),
new("Performance", 64),
new("Data import", 58),
new("Permissions", 41),
new("Notifications", 27),
new("API", 88),
];
}API
<PolarAreaChart>
DaisyBlazor.ChartsParameters
- AspectRatio double= 1
Width divided by height. The chart keeps this shape at any width; its text keeps its size.
- Data IReadOnlyList<
ChartDataPoint> = []One wedge per point, clockwise from 12 o'clock. Points without a finite, non-negative Value are skipped; a point's Color overrides the palette.
- Labels IReadOnlyList<
string> = nullWedge names, clockwise from 12 o'clock, for stacked Series (a wind rose); every name gets a wedge, even an empty one.
- RowHeight double?= null
Height of each row in px, for a chart that lays its categories out as rows (horizontal bars, a Gantt's lanes, a heatmap's rows…): its height then follows its number of rows instead of AspectRatio, so a long list keeps readable rows at any width. A chart, or an orientation, without rows ignores it.
- Series IReadOnlyList<
ChartSeries> = nullStacked series instead of Data (a wind rose): value i of each series lines up with Labels[i], and the series stack outward in that wedge, the wedge's area following its total. Missing or negative values count as 0. Takes precedence over Data when it has series.
- ShowLegend bool= true
Show a legend of the Series when there is more than one.
- ShowTitle bool= true
Draw Title as a visible heading above the chart (the default); false keeps it only as the chart's accessible name, for a chart inside a card that already has a heading.
- ShowValues bool= true
Print each item's value (a wedge's total, when stacked) after its name.
- Title string= null
Optional heading rendered above the chart; it is also the chart's accessible name.
- ValueFormat string= "{0:#,0.##}"
Format string for values in labels and tooltips.
- Width string= "100%"
CSS width of the chart wrapper.
- Class string= null
Additional CSS classes merged onto the w-full wrapper.
- Style string= null
Inline styles appended after the width on the wrapper.