Class StackingAreaSeries

The StackingAreaSeries is a collection of data points, where the areas are stacked on top of each other.

Inheritance
System.Object
ChartSeries
CartesianSeries
XYDataSeries
StackingSeriesBase
StackingAreaSeries
StackingArea100Series
Inherited Members
Namespace: Syncfusion.Maui.Toolkit.Charts
Assembly: Syncfusion.Maui.Toolkit.dll
Syntax
public class StackingAreaSeries : StackingSeriesBase, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IDrawCustomLegendIcon, IMarkerDependent
Remarks

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

It provides options for Fill, PaletteBrushes, StrokeWidth, Stroke, StrokeDashArray, 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 StackingAreaSeries 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 StackingAreaSeries class. To customize the chart data labels 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:CategoryAxis/>
    </chart:SfCartesianChart.XAxes>

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

    <chart:StackingAreaSeries
        ItemsSource = "{Binding MedalDetails}"
        XBindingPath = "CountryName"
        YBindingPath = "GoldMedals"/>

    <chart:StackingAreaSeries
        ItemsSource = "{Binding MedalDetails}"
        XBindingPath = "CountryName"
        YBindingPath = "SilverMedals"/>

    <chart:StackingAreaSeries
        ItemsSource = "{Binding MedalDetails}"
        XBindingPath = "CountryName"
        YBindingPath = "BronzeMedals"/>
</chart:SfCartesianChart>

Constructors

StackingAreaSeries()

Initializes a new instance of the StackingAreaSeries.

Declaration
public StackingAreaSeries()

Fields

MarkerSettingsProperty

Identifies the MarkerSettings bindable property.

Declaration
public static readonly BindableProperty MarkerSettingsProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty
Remarks

The MarkerSettings property allows customize the series markers.

ShowMarkersProperty

Identifies the ShowMarkers bindable property.

Declaration
public static readonly BindableProperty ShowMarkersProperty
Field Value
Type
Microsoft.Maui.Controls.BindableProperty
Remarks

The ShowMarkers property determines whether the chart markers are visible on the series.

Properties

MarkerSettings

Gets or sets the option to customize the series markers.

Declaration
public ChartMarkerSettings MarkerSettings { get; set; }
Property Value
Type Description
ChartMarkerSettings

It accepts ChartMarkerSettings.
Examples
    <chart:SfCartesianChart>

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

         <chart:StackingAreaSeries ItemsSource = "{Binding Data}"
                                   XBindingPath = "XValue"
                                   YBindingPath = "YValue"
                                   ShowMarkers = "True">
              <chart:StackingAreaSeries.MarkerSettings>
                    <chart:ChartMarkerSettings Fill = "Red" Height = "15" Width = "15"/>
              </chart:StackingAreaSeries.MarkerSettings>
         </chart:StackingAreaSeries>

    </chart:SfCartesianChart>

ShowMarkers

Gets or sets the value indicating whether to show markers for the series data point.

Declaration
public bool ShowMarkers { get; set; }
Property Value
Type Description
System.Boolean

It accepts bool> values and its default value is false.
Examples
    <chart:SfCartesianChart>

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

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

    </chart:SfCartesianChart>

Methods

CreateSegment()

Creates and initializes a new chart segment for the chart.

Declaration
protected override ChartSegment CreateSegment()
Returns
Type
ChartSegment
Overrides

DrawMarker(ICanvas, Int32, ShapeType, Rect)

Draws the markers for the stacking area series at each data point location on the chart.

Declaration
protected virtual void DrawMarker(ICanvas canvas, int index, ShapeType type, Rect rect)
Parameters
Type Name Description
Microsoft.Maui.Graphics.ICanvas canvas
System.Int32 index
ShapeType type
Microsoft.Maui.Graphics.Rect rect

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

See Also