Polar Coordinates

sample image

Razor

@page "/Polar/Coordinates"
@using LiveChartsCore.SkiaSharpView.Blazor
@using LiveChartsCore.SkiaSharpView
@using LiveChartsCore
@using LiveChartsCore.Defaults

<PolarChart
	Series="Series"
	AngleAxes="AngleAxes">
</PolarChart>

@code {
    private ISeries[] Series { get; set; }
    private PolarAxis[] AngleAxes { get; set; }

    protected override void OnInitialized()
    {
        var values = new ObservablePolarPoint[]
        {
            new(0, 10),
            new(45, 15),
            new(90, 20),
            new(135, 25),
            new(180, 30),
            new(225, 35),
            new(270, 40),
            new(315, 45),
            new(360, 50)
        };

        Series = new ISeries[]
        {
            new PolarLineSeries<ObservablePolarPoint>
            {
                Values = values,
                IsClosed = true,
                Fill = null
            }
        };

        AngleAxes = new PolarAxis[]
        {
            new() {
                MinLimit = 0,
                MaxLimit = 360,
                Labeler = angle => $"{angle}°",
                ForceStepToMin = true,
                MinStep = 30
            }
        };
    }
}

Articles you might also find useful: