Class SplineAreaSeries

The SplineAreaSeries is a collection of data points using smooth Bezier line curves with the areas below filled.

Inheritance
System.Object
ChartSeries
CartesianSeries
XyDataSeries
SplineAreaSeries
Implements
System.ComponentModel.INotifyPropertyChanged
Inherited Members
Namespace: Syncfusion.UI.Xaml.Charts
Assembly: Syncfusion.Chart.WinUI.dll
Syntax
public class SplineAreaSeries : XyDataSeries, INotifyPropertyChanged
Remarks

To render a series, create an instance of SplineAreaSeries class, and add it to the Series collection.

It provides options for Fill, PaletteBrushes, StrokeWidth, Stroke, and opacity to customize the appearance.

EnableTooltip - A tooltip displays information while tapping or mouse hovering over a segment. To display the tooltip on chart, need to set the EnableTooltip property as true in SplineAreaSeries class, and also refer TooltipBehavior property.

Data Label - Data labels are used to display values related to a chart segment. To render the data labels, you need to set the ShowDataLabels property as true in SplineAreaSeries class. To customize the chart data labels alignment, placement, and label styles, you need to create an instance of CartesianDataLabelSettings and set to the DataLabelSettings property.

Animation - To animate the series, set True to the EnableAnimation property.

LegendIcon - To customize the legend icon using the LegendIcon property.

Examples
    <chart:SfCartesianChart>

          <chart:SfCartesianChart.XAxes>
              <chart:NumericalAxis/>
          </chart:SfCartesianChart.XAxes>

          <chart:SfCartesianChart.YAxes>
              <chart:NumericalAxis/>
          </chart:SfCartesianChart.YAxes>

          <chart:SplineAreaSeries ItemsSource="{Binding Data}"
                            XBindingPath="XValue"
                            YBindingPath="YValue"/>

    </chart:SfCartesianChart>

Constructors

SplineAreaSeries()

Declaration
public SplineAreaSeries()

Fields

StrokeProperty

The DependencyProperty for Stroke property.

Declaration
public static readonly DependencyProperty StrokeProperty
Field Value
Type
Microsoft.UI.Xaml.DependencyProperty

TypeProperty

Using a DependencyProperty as the backing store for SplineType. This enables animation, styling, binding, etc...

Declaration
public static readonly DependencyProperty TypeProperty
Field Value
Type
Microsoft.UI.Xaml.DependencyProperty

Properties

Stroke

Gets or sets a value to customize the stroke appearance of a chart series.

Declaration
public Brush Stroke { get; set; }
Property Value
Type Description
Microsoft.UI.Xaml.Media.Brush

It accepts Microsoft.UI.Xaml.Media.Brush values and its default value is null.
Examples
    <chart:SfCartesianChart>

    <!-- ... Eliminated for simplicity-->

         <chart:SplineAreaSeries ItemsSource="{Binding Data}"
                           XBindingPath="XValue"
                           YBindingPath="YValue"
                           Stroke = "Red"
                           StrokeWidth = "3"/>

    </chart:SfCartesianChart>

Type

Gets or sets a value that indicate the spline type.

Declaration
public SplineType Type { get; set; }
Property Value
Type Description
SplineType

It accepts SplineType values and the default value is Natural.
Examples
    <chart:SfCartesianChart>

    <!-- ... Eliminated for simplicity-->

         <chart:SplineAreaSeries ItemsSource="{Binding Data}"
                           XBindingPath="XValue"
                           YBindingPath="YValue"
                           Type="Cardinal" />

    </chart:SfCartesianChart>

Methods

OnTapped(TappedRoutedEventArgs)

Declaration
protected override void OnTapped(TappedRoutedEventArgs e)
Parameters
Type Name Description
Microsoft.UI.Xaml.Input.TappedRoutedEventArgs e
Overrides

Implements

System.ComponentModel.INotifyPropertyChanged

See Also