menu

MAUI

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

    Show / Hide Table of Contents

    Class PolarAreaSeries

    The PolarAreaSeries is a series that displays data in terms of values and angles using a filled polygon shape. It allows for visually comparing several quantitative or qualitative aspects of a situation.

    Inheritance
    System.Object
    ChartSeries
    PolarSeries
    PolarAreaSeries
    Inherited Members
    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.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
    PolarSeries.DataLabelSettings
    PolarSeries.DataLabelSettingsProperty
    PolarSeries.GetDataPointIndex(Single, Single)
    PolarSeries.IsClosed
    PolarSeries.IsClosedProperty
    PolarSeries.Label
    PolarSeries.LabelProperty
    PolarSeries.MarkerSettings
    PolarSeries.MarkerSettingsProperty
    PolarSeries.OnBindingContextChanged()
    PolarSeries.ShowMarkers
    PolarSeries.ShowMarkersProperty
    PolarSeries.StrokeDashArray
    PolarSeries.StrokeDashArrayProperty
    PolarSeries.StrokeWidth
    PolarSeries.StrokeWidthProperty
    PolarSeries.YBindingPath
    PolarSeries.YBindingPathProperty
    Namespace: Syncfusion.Maui.Charts
    Assembly: Syncfusion.Maui.Charts.dll
    Syntax
    public class PolarAreaSeries : PolarSeries, IDatapointSelectionDependent, ITooltipDependent, IDataTemplateDependent, IDrawCustomLegendIcon, IMarkerDependent
    Remarks

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

    It provides options for Fill, PaletteBrushes, StrokeWidth, Stroke, and Opacity to customize the appearance.

    EnableTooltip - A tooltip displays information while tapping or mouse hovering above a segment. To display the tooltip on a chart, set the EnableTooltip property as true in PolarAreaSeries 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, set the ShowDataLabels property as true in PolarAreaSeries class. To customize the chart data labels alignment, placement, and label styles, create an instance of PolarDataLabelSettings and set it to the DataLabelSettings property.

    Animation - To animate the series, set true to the EnableAnimation property.

    LegendIcon - Customize the legend icon using the LegendIcon property.

    Examples
    • Xaml
    • C#
    • ViewModel
        <chart:SfPolarChart>
    
              <chart:SfPolarChart.PrimaryAxis>
                  <chart:NumericalAxis/>
              </chart:SfPolarChart.PrimaryAxis>
    
              <chart:SfPolarChart.SecondaryAxis>
                  <chart:NumericalAxis/>
              </chart:SfPolarChart.SecondaryAxis>
    
                  <chart:PolarAreaSeries
                      ItemsSource="{Binding Data}"
                      XBindingPath="XValue"
                      YBindingPath="YValue"/> 
    
        </chart:SfPolarChart>
        SfPolarChart chart = new SfPolarChart();
    
        NumericalAxis primaryAxis = new NumericalAxis();
        NumericalAxis secondaryAxis = new NumericalAxis();
    
        chart.PrimaryAxis = primaryAxis;
        chart.SecondaryAxis = secondaryAxis;
    
        ViewModel viewModel = new ViewModel();
    
        PolarAreaSeries series = new PolarAreaSeries();
        series.ItemsSource = viewModel.Data;
        series.XBindingPath = "XValue";
        series.YBindingPath = "YValue";
        chart.Series.Add(series);
        public ObservableCollection<Model> Data { get; set; }
    
        public ViewModel()
        {
           Data = new ObservableCollection<Model>();
           Data.Add(new Model() { XValue = A, YValue = 100 });
           Data.Add(new Model() { XValue = B, YValue = 150 });
           Data.Add(new Model() { XValue = C, YValue = 110 });
           Data.Add(new Model() { XValue = D, YValue = 230 });
        }

    Constructors

    PolarAreaSeries()

    Declaration
    public PolarAreaSeries()

    Fields

    StrokeProperty

    Identifies the Stroke bindable property.

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

    Properties

    Stroke

    Gets or sets a value to customize the stroke appearance of the polar area series.

    Declaration
    public Brush Stroke { get; set; }
    Property Value
    Type Description
    Microsoft.Maui.Controls.Brush

    It accepts Microsoft.Maui.Controls.Brush values and its default value is null.

    Examples
    • Xaml
    • C#
        <chart:SfPolarChart>
    
        <!-- ... Eliminated for simplicity-->
    
             <chart:PolarAreaSeries ItemsSource="{Binding Data}"
                               XBindingPath="XValue"
                               YBindingPath="YValue"
                               Stroke = "Red" />
    
        </chart:SfPolarChart>
        SfPolarChart chart = new SfPolarChart();
        ViewModel viewModel = new ViewModel();
    
        // Eliminated for simplicity
    
        PolarAreaSeries series = new PolarAreaSeries()
        {
              ItemsSource = viewModel.Data,
              XBindingPath = "XValue",
              YBindingPath = "YValue",
              Stroke = new SolidColorBrush(Colors.Red)
        };
    
        chart.Series.Add(series);

    Methods

    CreateSegment()

    Declaration
    protected override ChartSegment CreateSegment()
    Returns
    Type
    ChartSegment
    Overrides
    ChartSeries.CreateSegment()
    Back to top Generated by DocFX
    Copyright © 2001 - 2025 Syncfusion Inc. All Rights Reserved