Radial Area
Razor
@page "/Polar/RadialArea"
@using LiveChartsCore.SkiaSharpView.Blazor
@using LiveChartsCore.SkiaSharpView
@using LiveChartsCore
@using LiveChartsCore.SkiaSharpView.Painting
@using SkiaSharp
<PolarChart
Series="Series"
AngleAxes="AngleAxes"
InitialRotation="-45">
</PolarChart>
@code {
private ISeries[] Series { get; set; }
private PolarAxis[] AngleAxes { get; set; }
protected override void OnInitialized()
{
var values1 = new int[] { 7, 5, 7, 5, 6 };
var values2 = new int[] { 2, 7, 5, 9, 7 };
var labels = new string[] { "first", "second", "third", "forth", "fifth" };
var tangentAngle = LiveCharts.TangentAngle;
Series = new ISeries[]
{
new PolarLineSeries<int>
{
Values = values1,
LineSmoothness = 0,
GeometrySize = 0,
Fill = new SolidColorPaint(SKColor.Parse("#900000ff"))
},
new PolarLineSeries<int>
{
Values = values2,
LineSmoothness = 1,
GeometrySize = 0,
Fill = new SolidColorPaint(SKColor.Parse("#90ff0000"))
}
};
AngleAxes = new PolarAxis[]
{
new() {
LabelsRotation = tangentAngle,
Labels = labels
}
};
}
}
Articles you might also find useful: