Class SplineRangeAreaSeries
The SplineRangeAreaSeries is a set of data points represented by smooth Bezier curves, with the area between the curves filled to illustrate the range between two values.
Inherited Members
Namespace: Syncfusion.Maui.Charts
Assembly: Syncfusion.Maui.Charts.dll
Syntax
public class SplineRangeAreaSeries : RangeSeriesBase, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IMarkerDependent, IDrawCustomLegendIcon
Remarks
To render a series, create an instance of SplineRangeAreaSeries class, and add it to the Series collection.
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 SplineRangeAreaSeries 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 SplineRangeAreaSeries 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 use the LegendIcon property.
Examples
<chart:SfCartesianChart>
<chart:SfCartesianChart.XAxes>
<chart:NumericalAxis/>
</chart:SfCartesianChart.XAxes>
<chart:SfCartesianChart.YAxes>
<chart:NumericalAxis/>
</chart:SfCartesianChart.YAxes>
<chart:SfCartesianChart.Series>
<chart:SplineRangeAreaSeries
ItemsSource="{Binding Data}"
XBindingPath="XValue"
High="HighValue"
Low="LowValue"/>
</chart:SfCartesianChart.Series>
</chart:SfCartesianChart>
Constructors
SplineRangeAreaSeries()
Declaration
public SplineRangeAreaSeries()
Fields
MarkerSettingsProperty
Identifies the MarkerSettings bindable property.
Declaration
public static readonly BindableProperty MarkerSettingsProperty
Field Value
Type |
---|
Microsoft.Maui.Controls.BindableProperty |
ShowMarkersProperty
Identifies the ShowMarkers bindable property.
Declaration
public static readonly BindableProperty ShowMarkersProperty
Field Value
Type |
---|
Microsoft.Maui.Controls.BindableProperty |
TypeProperty
Identifies the Type bindable property.
Declaration
public static readonly BindableProperty TypeProperty
Field Value
Type |
---|
Microsoft.Maui.Controls.BindableProperty |
Properties
MarkerSettings
Gets or sets the option for customize the series markers.
Declaration
public ChartMarkerSettings MarkerSettings { get; set; }
Property Value
Type | Description |
---|---|
ChartMarkerSettings | It accepts ChartMarkerSettings. |
Examples
<chart:SfCartesianChart>
<!-- ... Eliminated for simplicity-->
<chart:SplineRangeAreaSeries ItemsSource="{Binding Data}"
XBindingPath="XValue"
High="HighValue"
Low="LowValue"
ShowMarkers="True">
<chart:SplineRangeAreaSeries.MarkerSettings>
<chart:ChartMarkerSettings Fill="Red" Height="15" Width="15" />
</chart:SplineRangeAreaSeries.MarkerSettings>
</chart:SplineRangeAreaSeries>
</chart:SfCartesianChart>
ShowMarkers
Gets or sets the value indicating whether to show markers for the series data point.
Declaration
public bool ShowMarkers { get; set; }
Property Value
Type | Description |
---|---|
System.Boolean | It accepts boolean values and its default value is false. |
Examples
<chart:SfCartesianChart>
<!-- ... Eliminated for simplicity-->
<chart:SplineRangeAreaSeries ItemsSource="{Binding Data}"
XBindingPath="XValue"
High="HighValue"
Low="LowValue"
ShowMarkers="True"/>
</chart:SfCartesianChart>
Type
Gets or sets a value that indicates the shape of the spline range area series.
Declaration
public SplineType Type { get; set; }
Property Value
Type | Description |
---|---|
SplineType | It accepts SplineType values and its default value is Natural. |
Examples
<chart:SfCartesianChart>
<!-- ... Eliminated for simplicity-->
<chart:SplineRangeAreaSeries ItemsSource="{Binding Data}"
XBindingPath="XValue"
High="HighValue"
Low="LowValue"
Type = "Monotonic"/>
</chart:SfCartesianChart>
Methods
CreateSegment()
Create Spline range area segment
Declaration
protected override ChartSegment CreateSegment()
Returns
Type |
---|
ChartSegment |
Overrides
DrawMarker(ICanvas, Int32, ShapeType, Rect)
Draw the marker shape
Declaration
protected virtual void DrawMarker(ICanvas canvas, int index, ShapeType type, Rect rect)
Parameters
Type | Name | Description |
---|---|---|
Microsoft.Maui.Graphics.ICanvas | canvas | |
System.Int32 | index | |
ShapeType | type | |
Microsoft.Maui.Graphics.Rect | rect |
GetDataPointIndex(Single, Single)
Methods to get the index of data point.
Declaration
public override int GetDataPointIndex(float pointX, float pointY)
Parameters
Type | Name | Description |
---|---|---|
System.Single | pointX | |
System.Single | pointY |
Returns
Type |
---|
System.Int32 |
Overrides
OnBindingContextChanged()
Declaration
protected override void OnBindingContextChanged()