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.
Example
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()
{
this.InitializeComponent();
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:RadCartesianChart.VerticalAxis>
<telerikChart:LinearAxis/>
</telerikChart:RadCartesianChart.VerticalAxis>
<telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:CategoricalAxis/>
</telerikChart:RadCartesianChart.HorizontalAxis>
<telerikChart:SplineAreaSeries ItemsSource="{Binding}">
<telerikChart:SplineAreaSeries.CategoryBinding>
<telerikChart:PropertyNameDataPointBinding PropertyName="Category"/>
</telerikChart:SplineAreaSeries.CategoryBinding>
<telerikChart:SplineAreaSeries.ValueBinding>
<telerikChart:PropertyNameDataPointBinding PropertyName="Value"/>
</telerikChart:SplineAreaSeries.ValueBinding>
</telerikChart:SplineAreaSeries>
</telerikChart:RadCartesianChart>
</Grid>