Polar Spline Series

Updated on Mar 26, 2026

The PolarSplineSeries are represented on the chart as data points connected with smooth line segments.

Properties

PolarSplineSeries class inherits from the PolarLineSeries class -

See the inherited properties.

Example

Examples 1 and 2 show how to create a RadCartesianChart with a PolarSplineSeries.

Example 1: Defining the model and populating with data

C#

public sealed partial class MainPage : Page
{
	public MainPage()
	{
		this.InitializeComponent();

		double a = 0.5;
		var b = (Math.PI / 180);
		List<Data> data = new List<Data>();
		for (int i = 1; i < 5 * 360; i += 10)
		{
			data.Add(new Data() { Angle = i, Value = (a * Math.Cos(20 * i * b)) });
		}

		this.polarChart.DataContext = data;
	}
}

public class Data
{
	public double Value { get; set; }

	public double Angle { get; set; }
}

Example 2: Defining the RadPolarChart and PolarSplineSeries

XAML

<Grid xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart">
	<telerikChart:RadPolarChart x:Name="polarChart">
		<telerikChart:RadPolarChart.PolarAxis>
			<telerikChart:PolarAxis/>
		</telerikChart:RadPolarChart.PolarAxis>
		<telerikChart:RadPolarChart.RadialAxis>
			<telerikChart:NumericalRadialAxis/>
		</telerikChart:RadPolarChart.RadialAxis>

		<telerikChart:PolarSplineSeries ItemsSource="{Binding}">
			<telerikChart:PolarSplineSeries.ValueBinding>
				<telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
			</telerikChart:PolarSplineSeries.ValueBinding>
			<telerikChart:PolarSplineSeries.AngleBinding>
				<telerikChart:PropertyNameDataPointBinding PropertyName="Angle"/>
			</telerikChart:PolarSplineSeries.AngleBinding>
		</telerikChart:PolarSplineSeries>
	</telerikChart:RadPolarChart>
</Grid>

Figure 1: RadPolarChart and PolarSplineSeries