menu

MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class StackingArea100Series - MAUI API Reference | Syncfusion

    Show / Hide Table of Contents

    Class StackingArea100Series

    The StackingArea100Series is a collection of data points, where the areas are stacked on top of each other to represent a percentage of the total for each category.

    Inheritance
    System.Object
    ChartSeries
    CartesianSeries
    XYDataSeries
    StackingSeriesBase
    StackingAreaSeries
    StackingArea100Series
    Inherited Members
    CartesianSeries.ActualXAxis
    CartesianSeries.ActualYAxis
    CartesianSeries.DataLabelSettings
    CartesianSeries.DataLabelSettingsProperty
    CartesianSeries.GetDataPoints(Double, Double, Double, Double)
    CartesianSeries.GetDataPoints(Rect)
    CartesianSeries.Label
    CartesianSeries.LabelProperty
    CartesianSeries.ShowTrackballLabel
    CartesianSeries.ShowTrackballLabelProperty
    CartesianSeries.TrackballLabelTemplate
    CartesianSeries.TrackballLabelTemplateProperty
    CartesianSeries.XAxisName
    CartesianSeries.XAxisNameProperty
    CartesianSeries.YAxisName
    CartesianSeries.YAxisNameProperty
    ChartSeries.CreateAnimation(Action<Double>)
    ChartSeries.DrawDataLabel(ICanvas, Brush, String, PointF, Int32)
    ChartSeries.DrawSeries(ICanvas, ReadOnlyObservableCollection<ChartSegment>, RectF)
    ChartSeries.EnableAnimation
    ChartSeries.EnableAnimationProperty
    ChartSeries.EnableTooltip
    ChartSeries.EnableTooltipProperty
    ChartSeries.Fill
    ChartSeries.FillProperty
    ChartSeries.IsVisible
    ChartSeries.IsVisibleOnLegend
    ChartSeries.IsVisibleOnLegendProperty
    ChartSeries.IsVisibleProperty
    ChartSeries.ItemsSource
    ChartSeries.ItemsSourceProperty
    ChartSeries.LabelContext
    ChartSeries.LabelContextProperty
    ChartSeries.LabelTemplate
    ChartSeries.LabelTemplateProperty
    ChartSeries.LegendIcon
    ChartSeries.LegendIconProperty
    ChartSeries.OnParentSet()
    ChartSeries.Opacity
    ChartSeries.OpacityProperty
    ChartSeries.PaletteBrushes
    ChartSeries.PaletteBrushesProperty
    ChartSeries.SelectionBehavior
    ChartSeries.SelectionBehaviorProperty
    ChartSeries.ShowDataLabels
    ChartSeries.ShowDataLabelsProperty
    ChartSeries.TooltipTemplate
    ChartSeries.TooltipTemplateProperty
    ChartSeries.XBindingPath
    ChartSeries.XBindingPathProperty
    ChartSeries.XRange
    ChartSeries.YRange
    StackingAreaSeries.DrawMarker(ICanvas, Int32, ShapeType, Rect)
    StackingAreaSeries.GetDataPointIndex(Single, Single)
    StackingAreaSeries.MarkerSettings
    StackingAreaSeries.MarkerSettingsProperty
    StackingAreaSeries.OnBindingContextChanged()
    StackingAreaSeries.ShowMarkers
    StackingAreaSeries.ShowMarkersProperty
    StackingSeriesBase.GroupingLabel
    StackingSeriesBase.GroupingLabelProperty
    StackingSeriesBase.Stroke
    StackingSeriesBase.StrokeDashArray
    StackingSeriesBase.StrokeDashArrayProperty
    StackingSeriesBase.StrokeProperty
    XYDataSeries.StrokeWidth
    XYDataSeries.StrokeWidthProperty
    XYDataSeries.YBindingPath
    XYDataSeries.YBindingPathProperty
    Namespace: Syncfusion.Maui.Charts
    Assembly: Syncfusion.Maui.Charts.dll
    Syntax
    public class StackingArea100Series : StackingAreaSeries, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IDrawCustomLegendIcon, IMarkerDependent
    Remarks

    The cumulative portion of each stacked element always total to 100%

    To render a series, create an instance of StackingArea100Series 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 StackingArea100Series 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 StackingArea100Series 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
    • Xaml
    • C#
    • ViewModel
        <chart:SfCartesianChart>
    
              <chart:SfCartesianChart.XAxes>
                  <chart:CategoryAxis/>
              </chart:SfCartesianChart.XAxes>
    
              <chart:SfCartesianChart.YAxes>
                  <chart:NumericalAxis/>
              </chart:SfCartesianChart.YAxes>
    
                  <chart:StackingArea100Series
                      ItemsSource="{Binding Data}"
                      XBindingPath="XValue"
                      YBindingPath="YValue"/>
    
                  <chart:StackingArea100Series
                      ItemsSource="{Binding Data_1}"
                      XBindingPath="XValue"
                      YBindingPath="YValue"/>
    
                   <chart:StackingArea100Series
                      ItemsSource="{Binding Data_2}"
                      XBindingPath="XValue"
                      YBindingPath="YValue"/>
    
        </chart:SfCartesianChart>
        SfCartesianChart chart = new SfCartesianChart();
    
        CategoryAxis xAxis = new CategoryAxis();
        NumericalAxis yAxis = new NumericalAxis();
    
        chart.XAxes.Add(xAxis);
        chart.YAxes.Add(yAxis);
    
        ViewModel viewModel = new ViewModel();
    
        StackingArea100Series series = new StackingArea100Series();
        series.ItemsSource = viewModel.Data;
        series.XBindingPath = "XValue";
        series.YBindingPath = "YValue";
    
        StackingArea100Series series_1 = new StackingArea100Series();
        series.ItemsSource = viewModel.Data_1;
        series.XBindingPath = "XValue";
        series.YBindingPath = "YValue";
    
        StackingArea100Series series_2 = new StackingArea100Series();
        series.ItemsSource = viewModel.Data_2;
        series.XBindingPath = "XValue";
        series.YBindingPath = "YValue";
    
        chart.Series.Add(series);
        chart.Series.Add(series_1);
        chart.Series.Add(series_2);
    
        this.Content = chart;
        public ObservableCollection<Model> Data { get; set; }
        public ObservableCollection<Model> Data_1 { get; set; }
        public ObservableCollection<Model> Data_2 { get; set; }
    
        public ViewModel()
        {
           Data = new ObservableCollection<Model>();
           Data.Add(new Model() { XValue = Q1, YValue = 100 });
           Data.Add(new Model() { XValue = Q2, YValue = 150 });
           Data.Add(new Model() { XValue = Q3, YValue = 110 });
           Data.Add(new Model() { XValue = Q4, YValue = 230 });
    
           Data_1 = new ObservableCollection<Model>();
           Data_1.Add(new Model() { XValue = Q1, YValue = 250 });
           Data_1.Add(new Model() { XValue = Q2, YValue = 270 });
           Data_1.Add(new Model() { XValue = Q3, YValue = 280 });
           Data_1.Add(new Model() { XValue = Q4, YValue = 310 });
    
           Data_2 = new ObservableCollection<Model>();
           Data_2.Add(new Model() { XValue = Q1, YValue = 150 });
           Data_2.Add(new Model() { XValue = Q2, YValue = 200 });
           Data_2.Add(new Model() { XValue = Q3, YValue = 180 });
           Data_2.Add(new Model() { XValue = Q4, YValue = 260 });
        }

    Constructors

    StackingArea100Series()

    Declaration
    public StackingArea100Series()

    Methods

    CreateSegment()

    This method used to Create the Segment for the series

    Declaration
    protected override ChartSegment CreateSegment()
    Returns
    Type
    ChartSegment
    Overrides
    StackingAreaSeries.CreateSegment()

    See Also

    StackingAreaSegment
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved