Pie Chart in .NET MAUI Chart

10 Jan 20253 minutes to read

To render a PieSeries in circular chart, create an instance of the PieSeries and add it to the Series collection property of SfCircularChart.

NOTE

The circular chart has Series as its default content.

XAML

<chart:SfCircularChart>
    <chart:PieSeries ItemsSource="{Binding Data}" 
                     XBindingPath="Product" 
                     YBindingPath="SalesRate"/>
</chart:SfCircularChart>

C#

SfCircularChart chart = new SfCircularChart();

// Create an instance of PieSeries
PieSeries series = new PieSeries();
series.ItemsSource = (new SalesViewModel()).Data;
series.XBindingPath = "Product";
series.YBindingPath = "SalesRate";

// Add the configured series to the chart's series collection.
chart.Series.Add(series);
this.Content = chart;

Radius

The rendering size of the PieSeries can be controlled using the Radius property as shown in the following code sample.

XAML

<chart:SfCircularChart>
    <chart:PieSeries ItemsSource="{Binding Data}" 
                     XBindingPath="Product" 
                     YBindingPath="SalesRate"
                     Radius="0.9"/>            
</chart:SfCircularChart>

C#

SfCircularChart chart = new SfCircularChart();

PieSeries series = new PieSeries();
series.ItemsSource = (new SalesViewModel()).Data;
series.XBindingPath = "Product";
series.YBindingPath = "SalesRate";
series.Radius = 0.9; // Set the radius of the pie chart 

chart.Series.Add(series);
this.Content = chart;

Semi Pie

By using the StartAngle and EndAngle properties, you can draw pie series in different shapes such as semi-pie or quarter pie series.

XAML

<chart:SfCircularChart>
    <chart:PieSeries ItemsSource="{Binding Data}"
                     XBindingPath="Product"
                     YBindingPath="SalesRate"
                     StartAngle="180"
                     EndAngle="360"/>
</chart:SfCircularChart>

C#

SfCircularChart chart = new SfCircularChart();

PieSeries series = new PieSeries();
series.ItemsSource = (new SalesViewModel()).Data;
series.XBindingPath = "Product";
series.YBindingPath = "SalesRate";
series.StartAngle = 180; // Set the starting angle for the pie slices
series.EndAngle = 360; // Set the ending angle for the pie slices

chart.Series.Add(series);
this.Content = chart;