Class StackedLineSeries

The StackedLineSeries is a special kind of line series which is similar to regular line series except that the Y-values stack on top of each other.

Inheritance
System.Object
ChartSeries
DataMarkerSeries
CartesianSeries
XyDataSeries
StackedSeriesBase
StackedLineSeries
StackedLine100Series
Inherited Members
Namespace: Syncfusion.UI.Xaml.Charts
Assembly: Syncfusion.Chart.WinUI.dll
Syntax
public class StackedLineSeries : StackedSeriesBase, ISupportAxes, ISegmentSelectable
Remarks

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

It provides options for Fill, PaletteBrushes, StrokeDashArray, StrokeThickness, 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 StackedLineSeries 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 StackedLineSeries 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.

Selection - To enable the data point selection in a chart, create an instance of DataPointSelectionBehavior and set it to the SelectionBehavior property of the chart series. To highlight the selected segment data label, set the value for SelectionBrush property in DataPointSelectionBehavior.

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

          <chart:StackedLineSeries ItemsSource="{Binding Data}"
                                   XBindingPath="XValue"
                                   YBindingPath="YValue1"/>

    </chart:SfCartesianChart>

Constructors

StackedLineSeries()

Declaration
public StackedLineSeries()

Fields

SelectionBehaviorProperty

The DependencyProperty for SelectionBehavior property. .

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

StrokeDashArrayProperty

Identifies the StrokeDashArray dependency property.

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

The identifier for StrokeDashArray dependency property.

Properties

SelectionBehavior

Gets or sets a selection behavior that enables you to select or highlight a data point in a series.

Declaration
public DataPointSelectionBehavior SelectionBehavior { get; set; }
Property Value
Type Description
DataPointSelectionBehavior

This property takes the DataPointSelectionBehavior instance as a value, and its default value is null.
Remarks

To highlight the selected data point, set the value for the SelectionBrush property in the DataPointSelectionBehavior class.

Examples
    <chart:SfCartesianChart>

         <!-- ... Eliminated for simplicity-->
         <chart:StackedLineSeries ItemsSource="{Binding Data}"
                                  XBindingPath="XValue"
                                  YBindingPath="YValue">
             <chart:StackedLineSeries.SelectionBehavior>
                 <chart:DataPointSelectionBehavior SelectionBrush = "Red" />
             </chart:StackedLineSeries.SelectionBehavior>
         </chart:StackedLineSeries>

    </chart:SfCartesianChart>
See Also

StrokeDashArray

Gets or sets the stroke dash array to customize the appearance of a line stroke.

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

It accepts the Microsoft.UI.Xaml.Media.DoubleCollection value and the default value is null.

Implements

See Also