Class StepLineSeries
The StepLineSeries uses vertical and horizontal lines to connect the data points in a series forming a step-like progression.
Inherited Members
Namespace: Syncfusion.UI.Xaml.Charts
Assembly: Syncfusion.Chart.WinUI.dll
Syntax
public class StepLineSeries : XyDataSeries, ISupportAxes, ISegmentSelectable
Remarks
To render a series, create an instance of StepLineSeries class, and add it to the Series collection.
It provides options for Fill, PaletteBrushes, 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 StepLineSeries 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 StepLineSeries 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:StepLineSeries ItemsSource="{Binding Data}"
XBindingPath="XValue"
YBindingPath="YValue"/>
</chart:SfCartesianChart>
Constructors
StepLineSeries()
Declaration
public StepLineSeries()
Fields
CustomTemplateProperty
The DependencyProperty for CustomTemplate property. .
Declaration
public static readonly DependencyProperty CustomTemplateProperty
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
CustomTemplate
Gets or sets the template to customize the appearance of step line series.
Declaration
public DataTemplate CustomTemplate { get; set; }
Property Value
Type | Description |
---|---|
Microsoft.UI.Xaml.DataTemplate | It accepts Microsoft.UI.Xaml.DataTemplate value. |
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:StepLineSeries ItemsSource="{Binding Data}"
XBindingPath="XValue"
YBindingPath="YValue">
<chart:StepLineSeries.SelectionBehavior>
<chart:DataPointSelectionBehavior SelectionBrush = "Red" />
</chart:StepLineSeries.SelectionBehavior>
</chart:StepLineSeries>
</chart:SfCartesianChart>
See Also
Methods
OnTapped(TappedRoutedEventArgs)
Declaration
protected override void OnTapped(TappedRoutedEventArgs e)
Parameters
Type | Name | Description |
---|---|---|
Microsoft.UI.Xaml.Input.TappedRoutedEventArgs | e |