public class SplineAreaSeries : AreaSeries, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IDrawCustomLegendIcon, IMarkerDependent

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, and Opacity to customize the appearance.

EnableTooltip - A tooltip displays information while tapping or mouse hovering above a segment. To display the tooltip on a chart, you 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:SfCartesianChart.Series>
              <chart:SplineAreaSeries
                  ItemsSource="{Binding Data}"
                  XBindingPath="XValue"
                  YBindingPath="YValue"/>
          </chart:SfCartesianChart.Series>  

    </chart:SfCartesianChart>

    SfCartesianChart chart = new SfCartesianChart();

    NumericalAxis xAxis = new NumericalAxis();
    NumericalAxis yAxis = new NumericalAxis();

    chart.XAxes.Add(xAxis);
    chart.YAxes.Add(yAxis);

    ViewModel viewModel = new ViewModel();

    SplineAreaSeries series = new SplineAreaSeries();
    series.ItemsSource = viewModel.Data;
    series.XBindingPath = "XValue";
    series.YBindingPath = "YValue";
    chart.Series.Add(series);

    public ObservableCollection<Model> Data { get; set; }

    public ViewModel()
    {
       Data = new ObservableCollection<Model>();
       Data.Add(new Model() { XValue = 10, YValue = 100 });
       Data.Add(new Model() { XValue = 20, YValue = 150 });
       Data.Add(new Model() { XValue = 30, YValue = 110 });
       Data.Add(new Model() { XValue = 40, YValue = 230 });
    }

Constructors

SplineAreaSeries()

Declaration

public SplineAreaSeries()

Fields

TypeProperty

Identifies the Type bindable property.

Declaration

public static readonly BindableProperty TypeProperty

Field Value

Type
Microsoft.Maui.Controls.BindableProperty

Remarks

The Type property indicates the shape of the spline area series.

Properties

Type

Gets or sets a value that indicates the shape of the spline area series.

Declaration

public SplineType Type { get; set; }

Property Value

Type	Description
SplineType	It accepts SplineType values and its default value is Natural.

    <chart:SfCartesianChart>

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

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

    </chart:SfCartesianChart>

    SfCartesianChart chart = new SfCartesianChart();
    ViewModel viewModel = new ViewModel();

    // Eliminated for simplicity

    SplineAreaSeries series = new SplineAreaSeries()
    {
          ItemsSource = viewModel.Data,
          XBindingPath = "XValue",
          YBindingPath = "YValue",
          Type = SplineType.Monotonic,
    };

    chart.Series.Add(series);

Methods

CreateSegment()

Creates and initializes a new chart segment for the chart.

Declaration

protected override ChartSegment CreateSegment()

Returns

Type
ChartSegment

Overrides

AreaSeries.CreateSegment()

GetDataPointIndex(Single, Single)

Retrieves the index of a specific data point within a chart series, typically based on the interaction or coordinates on the chart.

Declaration

public override int GetDataPointIndex(float pointX, float pointY)

Parameters

Type	Name	Description
System.Single	pointX
System.Single	pointY

Returns

Type
System.Int32

Overrides

AreaSeries.GetDataPointIndex(Single, Single)