Radar Chart
Multi-dimensional comparison across named indicators.
Basic
Radar with filled area
razor
<RadarChart Indicators="indicators"
Series="series"
Height="400px" />
@code {
private List<RadarIndicator> indicators = new()
{
new("Patient Satisfaction", 100),
new("Wait Time", 100),
new("Staff Efficiency", 100),
new("Bed Occupancy", 100),
};
private List<RadarSeries> series = new()
{
new() { Name = "Hospital A", Values = new() { 85, 72, 90, 68 } },
new() { Name = "Hospital B", Values = new() { 78, 88, 75, 82 } }
};
}Without area
ShowArea="false" draws lines only
razor
<RadarChart Indicators="indicators"
Series="series"
ShowArea="false"
Height="400px" />