Class StackingLine100Series

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

Inheritance

System.Object

StackingLine100Series

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.GetDataPointIndex(Single, Single)

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.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

StackingLineSeries.CreateSegment()

StackingLineSeries.DrawMarker(ICanvas, Int32, ShapeType, Rect)

StackingLineSeries.MarkerSettings

StackingLineSeries.MarkerSettingsProperty

StackingLineSeries.OnBindingContextChanged()

StackingLineSeries.ShowMarkers

StackingLineSeries.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 StackingLine100Series : StackingLineSeries, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IMarkerDependent, IDrawCustomLegendIcon

Remarks

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

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

It provides options for Fill, PaletteBrushes, StrokeWidth, StrokeDashArray and Opacity to customize the appearance.

Utilize the Fill property to customize the line stroke.

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 StackingLine100Series 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 StackingLine100Series 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:StackingLine100Series
                  ItemsSource="{Binding Data}"
                  XBindingPath="XValue"
                  YBindingPath="YValue"/>

              <chart:StackingLine100Series
                  ItemsSource="{Binding Data_1}"
                  XBindingPath="XValue"
                  YBindingPath="YValue"/>

               <chart:StackingLine100Series
                  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();

    StackingLine100Series series = new StackingLine100Series();
    series.ItemsSource = viewModel.Data;
    series.XBindingPath = "XValue";
    series.YBindingPath = "YValue";

    StackingLine100Series series_1 = new StackingLine100Series();
    series.ItemsSource = viewModel.Data_1;
    series.XBindingPath = "XValue";
    series.YBindingPath = "YValue";

    StackingLine100Series series_2 = new StackingLine100Series();
    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

StackingLine100Series()

Declaration

public StackingLine100Series()