Telerik UI for Windows 8 XAML


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

Radar Spline Area Series



RadarSplineAreaSeries class inherits from the RadarAreaSeries class - See the inherited properties.


Here's an example of how to create a RadCartesianChart using RadarSplineAreaSeries:

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

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

    C# Copy imageCopy
    List<Data> data = new List<Data>();
    for (double i = 1; i < 30; i += 1)
        data.Add(new Data() { Category = i, Value = ((0.7) * Math.Cos(20 * i)) });
    this.polarChart.DataContext = data;
  3. Finally, create the chart in XAML.

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