Class StepAreaSeries

The StepAreaSeries is similar to AreaSeries and it uses vertical and horizontal lines to connect the data points in a series forming a step-like progression.

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

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

It provides options for Fill, PaletteBrushes, StrokeThickness, Stroke, 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 StepAreaSeries 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 StepAreaSeries 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:StepAreaSeries ItemsSource="{Binding Data}"
                            XBindingPath="XValue"
                            YBindingPath="YValue"/>

    </chart:SfCartesianChart>

Constructors

StepAreaSeries()

Declaration
public StepAreaSeries()

Fields

IsClosedProperty

The DependencyProperty for IsClosed property. .

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

SelectionBehaviorProperty

The DependencyProperty for SelectionBehavior property. .

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

Properties

IsClosed

Gets or sets a value that indicates whether area path should be closed or opened.

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

It accepts bool values and the default value is True.
Remarks

If its true, the area stroke will be closed; otherwise the stroke will be applied on top of the series only.

SelectionBehavior

Gets or sets a selection behavior that enables you to select or highlight a segment in the series.

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

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

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

Examples
    <chart:SfCartesianChart>

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

         <chart:StepAreaSeries ItemsSource="{Binding Data}"
                          XBindingPath="XValue"
                          YBindingPath="YValue">
             <chart:StepAreaSeries.SelectionBehavior>
                 <chart:DataPointSelectionBehavior SelectionBrush = "Red" />
             </chart:StepAreaSeries.SelectionBehavior>
         </chart:StepAreaSeries>

    </chart:SfCartesianChart>
See Also

Methods

OnTapped(TappedRoutedEventArgs)

Declaration
protected override void OnTapped(TappedRoutedEventArgs e)
Parameters
Type Name Description
Microsoft.UI.Xaml.Input.TappedRoutedEventArgs e
Overrides

Implements

See Also