New to Telerik UI for WinUI? Download free 30-day trial

Spline Area Series

With a 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.

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


Examples 1, 2 and 3 show how to create a RadCartesianChart with a SplineAreaSeries.

Example 1: Defining the model

public class Data 
    public string Category { get; set; } 
    public double Value { get; set; } 

Example 2: Populating with data

public MainPage() 
    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; 

Example 3: Defining the RadCartesianChart and SplineAreaSeries

<Grid xmlns:telerikChart="using:Telerik.UI.Xaml.Controls.Chart"> 
    <telerikChart:RadCartesianChart x:Name="splineAreaSeries" PaletteName="DefaultLight"> 
        <telerikChart:SplineAreaSeries ItemsSource="{Binding}"> 
                <telerikChart:PropertyNameDataPointBinding PropertyName="Category"/> 
                <telerikChart:PropertyNameDataPointBinding PropertyName="Value"/> 

Figure 1: Result from Example 3

WinUI RadChart Categorical Spline Area Series

In this article
Not finding the help you need?