Telerik UI for Windows 8 XAML

Overview

The PolarPointSeries are represented on the chart as not connected data points presented by an arbitrary Template, as shown on the image below:

Polar Point Series

Properties

Note

The PolarPointSeries class inherits from the PolarSeries class - See the inherited properties.

  • DataPoints: Gets the collection of data points associated with the series.

  • AngleBinding: Gets or sets the binding that will be used by the Angle property of the contained PolarDataPoint instances in the DataPoints collection.

Example

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

  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:RadPolarChart.PolarAxis>
            <telerik:PolarAxis/>
        </telerik:RadPolarChart.PolarAxis>
        <telerik:RadPolarChart.RadialAxis>
            <telerik:NumericalRadialAxis/>
        </telerik:RadPolarChart.RadialAxis>
        <telerik:RadPolarChart.Series>
            <telerik:PolarPointSeries ItemsSource="{Binding}">
                <telerik:PolarPointSeries.ValueBinding>
                    <telerik:PropertyNameDataPointBinding PropertyName="Value"/>
                </telerik:PolarPointSeries.ValueBinding>
                <telerik:PolarPointSeries.AngleBinding>
                    <telerik:PropertyNameDataPointBinding PropertyName="Angle"/>
                </telerik:PolarPointSeries.AngleBinding>
            </telerik:PolarPointSeries>
        </telerik:RadPolarChart.Series>
    </telerik:RadPolarChart>