Telerik UI for Windows 8 XAML


The PolarLineSeries are represented on the chart as data points connected with straight line segments as shown on the image below:

Polar Line Series Example



PolarLineSeries class inherits from the PolarPointSeries class - See the inherited properties.

  • Stroke (Brush): Gets or sets the Brush instance that defines the stroke of the Line shape that presents the series.

  • StrokeThickness (double): Gets or sets the thickness of the line used to present the series.

  • IsClosed (bool): Gets or sets a value indicating whether the Line shape will be closed (the last point to be connected to the first one). The default value is true.

  • AutoSortPoints (bool): Gets or sets a value indicating whether the data points associated with the series will be automatically sorted by their Angle property in ascending order. The default value is true.


Here's an example of how to create a RadCartesianChart with PolarLineSeries:

  1. First, create a class for the sample data:

    C# Copy imageCopy
    public class Data
        public double Value { get; set; }
        public double Angle { get; set; }
  2. Then create the sample data:

    C# Copy imageCopy
    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;
  3. Finally, create the chart in XAML.

    XAML Copy imageCopy
    <telerik:RadPolarChart x:Name="polarChart" Width="300" Height="300">
            <telerik:PolarLineSeries ItemsSource="{Binding}">
                    <telerik:PropertyNameDataPointBinding PropertyName="Value"/>
                    <telerik:PropertyNameDataPointBinding PropertyName="Angle"/>