Class SfPolarChart

Renders the polar type charts.

Inheritance
System.Object
ChartBase
SfPolarChart
Implements
System.IDisposable
Inherited Members
Namespace: Syncfusion.UI.Xaml.Charts
Assembly: Syncfusion.Chart.WinUI.dll
Syntax
public class SfPolarChart : ChartBase, IDisposable
Remarks

Polar chart control is used to visualize the data in terms of values and angles.

SfPolarChart class properties provides an option to add the series collection, allows to customize the chart elements such as legend, data label, and tooltip features.

Series

ChartSeries is the visual representation of data. SfPolarChart offers PolarAreaSeries and PolarLineSeries.

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

 
<chart:SfPolarChart>

       <chart:SfPolarChart.BindingContext>
           <local:ViewModel/>
       </chart:SfPolarChart.BindingContext>

       <chart:SfPolarChart.Series>
           <chart:PolarAreaSeries ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/>
       </chart:SfPolarChart.Series>
</chart:SfPolarChart>

Legend

The Legend contains list of data points in chart series. The information provided in each legend item helps to identify the corresponding data point in chart series. The Series property value will be displayed in the associated legend item.

To render a legend, create an instance of ChartLegend, and assign it to the Legend property. 

 
<chart:SfPolarChart>

       <chart:SfPolarChart.BindingContext>
           <local:ViewModel/>
       </chart:SfPolarChart.BindingContext>

       <chart:SfPolarChart.Legend>
           <chart:ChartLegend/>
       </chart:SfPolarChart.Legend>

       <chart:SfPolarChart.Series>
           <chart:PolarAreaSeries Label="Series 1" ItemsSource = "{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/>
       </chart:SfPolarChart.Series>
</chart:SfCircularChart>

Tooltip

Tooltip displays information while tapping or mouse hover on the segment. To display the tooltip on the chart, you need to set the ShowTooltip property as true in ChartSeriesBase.

To customize the appearance of the tooltip elements like Background, TextColor and Font, create an instance of ChartTooltipBehavior class, modify the values, and assign it to the chart’s TooltipBehavior property. 

<chart:SfPolarChart>

        <chart:SfPolarChart.BindingContext>
            <local:ViewModel/>
        </chart:SfPolarChart.BindingContext>

        <chart:SfPolarChart.TooltipBehavior>
            <chart:ChartTooltipBehavior/>
        </chart:SfPolarChart.TooltipBehavior>

        <chart:SfPolarChart.Series>
            <chart:PolarAreaSeries ShowTooltip = "True" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/>
        </chart:SfPolarChart.Series>

</chart:SfPolarChart>

Data Label

Data labels are used to display values related to a chart segment. To render the data labels, you need to enable the ShowDataLabels property as true in ChartSeries class.

To customize the chart data labels alignment, placement and label styles, need to create an instance of PolarDataLabelSettings and set to the DataLabelSettings property.

<chart:SfPolarChart>

       <chart:SfPolarChart.BindingContext>
           <local:ViewModel/>
       </chart:SfPolarChart.BindingContext>

       <chart:SfPolarChart.Series>
           <chart:PolarAreaSeries ShowDataLabels = "True" ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/>
       </chart:SfPolarChart.Series>
</chart:SfPolarChart>

Constructors

SfPolarChart()

Declaration
public SfPolarChart()

Fields

GridLineTypeProperty

Identifies the GridLineType dependency property.

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

The identifier for GridLineType dependency property.

PaletteBrushesProperty

Identifies the PaletteBrushes dependency property.

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

The identifier for PaletteBrushes dependency property.

PrimaryAxisProperty

Identifies the PrimaryAxis dependency property.

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

The identifier for PrimaryAxis dependency property.

SecondaryAxisProperty

Identifies the SecondaryAxis dependency property.

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

The identifier for SecondaryAxis dependency property.

SeriesProperty

Identifies the Series dependency property.

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

The identifier for Series dependency property.

StartAngleProperty

Identifies the StartAngle dependency property.

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

The identifier for StartAngle dependency property.

Properties

GridLineType

Declaration
public PolarChartGridLineType GridLineType { get; set; }
Property Value
Type Description
PolarChartGridLineType

PaletteBrushes

Declaration
public IList<Brush> PaletteBrushes { get; set; }
Property Value
Type Description
System.Collections.Generic.IList<Microsoft.UI.Xaml.Media.Brush>

PrimaryAxis

Declaration
public ChartAxisBase2D PrimaryAxis { get; set; }
Property Value
Type Description
ChartAxisBase2D

SecondaryAxis

Declaration
public RangeAxisBase SecondaryAxis { get; set; }
Property Value
Type Description
RangeAxisBase

Series

Declaration
public PolarSeriesCollection Series { get; set; }
Property Value
Type Description
PolarSeriesCollection

StartAngle

Declaration
public ChartPolarAngle StartAngle { get; set; }
Property Value
Type Description
ChartPolarAngle

Implements

System.IDisposable