Spline Area Series


When using SplineAreaSeries the data points are connected with smooth line segments and the area enclosed by the line and the coordinate axis may be optionally stroked and/or filled as shown on the image below.

Categorical Spline Area Series

SplineAreaSeries class inherits from the AreaSeries class - See the inherited properties.


Here's an example of how to create a RadCartesianChart with SplineAreaSeries.

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

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

    List<Data> data = new List<Data>();
    data.Add(new Data() { Category = "Apples", Value = 5 });
    data.Add(new Data() { Category = "Oranges", Value = 9 });
    data.Add(new Data() { Category = "Pineaples", Value = 8 });
    this.splineAreaSeries.DataContext = data;
  3. Finally, create the chart using XAML.

    <telerikChart:RadCartesianChart x:Name="splineAreaSeries" PaletteName="DefaultLight">
        <telerikChart:SplineAreaSeries ItemsSource="{Binding}">
                <telerikChart:PropertyNameDataPointBinding PropertyName="Category"/>
                <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
In this article