Radial line chart

info

Charts are available with Avalonia Pro.

Radial line charts plot data points on a PolarChart and connect them with lines, as defined by a PolarLineSeries. They are ideal for showing how a single variable fluctuates across cyclical categories.

When to use

• Daily activity: Mapping heart rate or energy levels across 24 hours.
• Directional data: Visualizing readings from a 360-degree sensor.
• Symmetry analysis: Checking for patterns and balance in multi-variate profiles.

Code example

XAML

<charts:PolarChart Title="Hourly Activity" Height="350">
    <charts:PolarChart.Series>
        <charts:PolarLineSeries ItemsSource="{Binding RadialPoints}"
                                  AnglePath="Angle"
                                  RadiusPath="Radius"
                                  ShowMarkers="True" />
    </charts:PolarChart.Series>
</charts:PolarChart>

Data model (C#)

public record ActivityPoint(double Angle, double Radius);

public ObservableCollection<ActivityPoint> RadialPoints { get; } = new()
{
    new(0, 10),
    new(60, 25),
    new(120, 45),
    new(180, 30),
    new(240, 60),
    new(300, 15)
};

Common properties: PolarLineSeries

Property	Description	Default
ItemsSource	The collection of points to connect.	null
AnglePath	Path of the angle (X).	null
RadiusPath	Path of the radius (Y).	null
ShowMarkers	Whether to show markers at each data point.	false
MarkerSize	Size of the markers.	8.0
IsClosed	Whether the first and last data points are connected.	false