menu

MAUI

  • User Guide
  • Demos
  • Support
  • Forums
  • Download
Class RangeColumnSeries - MAUI API Reference | Syncfusion

    Show / Hide Table of Contents

    Class RangeColumnSeries

    Represents a range column series in .NET MAUI Cartesian chart [SfCartesianChart].

    Inheritance
    System.Object
    ChartSeries
    CartesianSeries
    RangeSeriesBase
    RangeColumnSeries
    Inherited Members
    CartesianSeries.ActualXAxis
    CartesianSeries.ActualYAxis
    CartesianSeries.DataLabelSettings
    CartesianSeries.DataLabelSettingsProperty
    CartesianSeries.GetDataPoints(Double, Double, Double, Double)
    CartesianSeries.GetDataPoints(Rect)
    CartesianSeries.Label
    CartesianSeries.LabelProperty
    CartesianSeries.OnBindingContextChanged()
    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.OnParentSet()
    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
    RangeSeriesBase.High
    RangeSeriesBase.HighProperty
    RangeSeriesBase.Low
    RangeSeriesBase.LowProperty
    RangeSeriesBase.Stroke
    RangeSeriesBase.StrokeDashArray
    RangeSeriesBase.StrokeDashArrayProperty
    RangeSeriesBase.StrokeProperty
    RangeSeriesBase.StrokeWidth
    RangeSeriesBase.StrokeWidthProperty
    Namespace: Syncfusion.Maui.Charts
    Assembly: Syncfusion.Maui.Charts.dll
    Syntax
    public class RangeColumnSeries : RangeSeriesBase, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IDrawCustomLegendIcon
    Remarks

    To render a series, create an instance of RangeColumnSeries 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 RangeColumnSeries 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 RangeColumnSeries 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.

    Range column series do not yet support trackball behavior.

    Examples
    • Xaml
    • C#
    • ViewModel
        <chart:SfCartesianChart>
    
              <chart:SfCartesianChart.XAxes>
                  <chart:NumericalAxis/>
              </chart:SfCartesianChart.XAxes>
    
              <chart:SfCartesianChart.YAxes>
                  <chart:NumericalAxis/>
              </chart:SfCartesianChart.YAxes>
    
              <chart:SfCartesianChart.Series>
                  <chart:RangeColumnSeries
                      ItemsSource="{Binding Data}"
                      XBindingPath="XValue"
                      High="HighValue"
                      Low="LowValue"/>
              </chart:SfCartesianChart.Series>  
    
        </chart:SfCartesianChart>
        SfCartesianChart chart = new SfCartesianChart();
    
        NumericalAxis xAxis = new NumericalAxis();
        NumericalAxis yAxis = new NumericalAxis();
    
        chart.XAxes.Add(xAxis);
        chart.YAxes.Add(yAxis);
    
        ViewModel viewModel = new ViewModel();
    
        RangeColumnSeries series = new RangeColumnSeries();
        series.ItemsSource = viewModel.Data;
        series.XBindingPath = "XValue";
        series.High = "HighValue";
        series.Low = "LowValue";
        chart.Series.Add(series);
        public ObservableCollection<Model> Data { get; set; }
    
        public ViewModel()
        {
           Data = new ObservableCollection<Model>();
           Data.Add(new Model() { XValue = Value 1, High = 3, Low = 6 });
           Data.Add(new Model() { XValue = Value 2, High = 3, Low = 7 });
           Data.Add(new Model() { XValue = Value 3, High = 4,Low = 10 });
           Data.Add(new Model() { XValue = Value 4, High = 6,Low = 13 });
           Data.Add(new Model() { XValue = Value 5, High = 9,Low = 17 });
        }

    Constructors

    RangeColumnSeries()

    Declaration
    public RangeColumnSeries()

    Fields

    CornerRadiusProperty

    Identifies the CornerRadius bindable property.

    Declaration
    public static readonly BindableProperty CornerRadiusProperty
    Field Value
    Type
    Microsoft.Maui.Controls.BindableProperty

    SpacingProperty

    Identifies the Spacing bindable property.

    Declaration
    public static readonly BindableProperty SpacingProperty
    Field Value
    Type
    Microsoft.Maui.Controls.BindableProperty

    WidthProperty

    Identifies the Width bindable property.

    Declaration
    public static readonly BindableProperty WidthProperty
    Field Value
    Type
    Microsoft.Maui.Controls.BindableProperty

    Properties

    CornerRadius

    Gets or sets a value that defines the rounded corners for range column segments.

    Declaration
    public CornerRadius CornerRadius { get; set; }
    Property Value
    Type Description
    Microsoft.Maui.CornerRadius

    It accepts Microsoft.Maui.CornerRadius value, the default is null

    Examples
    • Xaml
    • C#
        <chart:SfCartesianChart>
    
        <!-- ... Eliminated for simplicity-->
    
             <chart:RangeColumnSeries ItemsSource="{Binding Data}"
                                      XBindingPath="XValue"
                                      High ="HighValue"
                                      Low ="LowValue"
                                      CornerRadius="5"/>
    
        </chart:SfCartesianChart>
        SfCartesianChart chart = new SfCartesianChart();
        ViewModel viewModel = new ViewModel();
    
        // Eliminated for simplicity
    
        RangeColumnSeries rangeColumnSeries = new RangeColumnSeries()
        {
              ItemsSource = viewModel.Data,
              XBindingPath = "XValue",
              High ="HighValue",
              Low ="LowValue",
              CornerRadius = new CornerRadius(5)
        };
    
        chart.Series.Add(rangeColumnSeries);

    Spacing

    Gets or sets a value to indicate space between the segments across the series.

    Declaration
    public double Spacing { get; set; }
    Property Value
    Type Description
    System.Double

    It accepts values between 0 and 1, and its default is 0.

    Examples
    • Xaml
    • C#
        <chart:SfCartesianChart>
    
        <!-- ... Eliminated for simplicity-->
    
             <chart:RangeColumnSeries ItemsSource="{Binding Data}"
                                      XBindingPath="XValue"
                                      High ="HighValue"
                                      Low ="LowValue"
                                      Spacing = "0.3"/>
    
        </chart:SfCartesianChart>
        SfCartesianChart chart = new SfCartesianChart();
        ViewModel viewModel = new ViewModel();
    
        // Eliminated for simplicity
    
        RangeColumnSeries rangeColumnSeries = new RangeColumnSeries()
        {
              ItemsSource = viewModel.Data,
              XBindingPath = "XValue",
              High ="HighValue",
              Low ="LowValue",
              Spacing = 0.3,
        };
    
        chart.Series.Add(rangeColumnSeries);

    Width

    Gets or sets a value to change the width of the range column segment.

    Declaration
    public double Width { get; set; }
    Property Value
    Type Description
    System.Double

    It accepts values between 0 and 1, and its default is 0.8.

    Examples
    • Xaml
    • C#
        <chart:SfCartesianChart>
    
        <!-- ... Eliminated for simplicity-->
    
             <chart:RangeColumnSeries ItemsSource="{Binding Data}"
                                      XBindingPath="XValue"
                                      High ="HighValue"
                                      Low ="LowValue"
                                      Width="0.7"/>
    
        </chart:SfCartesianChart>
        SfCartesianChart chart = new SfCartesianChart();
        ViewModel viewModel = new ViewModel();
    
        // Eliminated for simplicity
    
        RangeColumnSeries rangeColumnSeries = new RangeColumnSeries()
        {
              ItemsSource = viewModel.Data,
              XBindingPath = "XValue",
              High ="HighValue",
              Low ="LowValue",
              Width=0.7,
        };
    
        chart.Series.Add(rangeColumnSeries);

    Methods

    CreateSegment()

    Declaration
    protected override ChartSegment CreateSegment()
    Returns
    Type
    ChartSegment
    Overrides
    ChartSeries.CreateSegment()

    See Also

    RangeColumnSegment
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved