Available for: Windows 8.1 | Windows Phone 8.1

Polar Area Series


When using PolarAreaSeries the data points are connected with straight line segments that enclose an area that may be optionally stroked and/or filled as shown on the image below:

Polar Area Series


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

  • Fill (Brush): Gets or sets the Brush that defines the interior of the area.


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

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

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

    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.

    <telerikChart:RadPolarChart x:Name="polarChart">
            <telerikChart:PolarAreaSeries ItemsSource="{Binding}">
                    <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
                    <telerikChart:PropertyNameDataPointBinding PropertyName="Angle"/>