ComponentOne MAUI Edition
Controls / FlexChart / Charts Types / Pie Charts
In This Topic
Pie Charts
In This Topic

Pie charts, the most common tools used for data visualization, are circular graphs that display the proportionate contribution of each category which is represented by a pie or a slice. The magnitude of the dependent variable is proportional to the angle of the slice. These charts can be used for plotting just one series with non-zero and positive values.

piechart

Create a Pie Chart

Pie chart is represented by the FlexPie class in FlexChart. To create a Pie chart through code, follow these steps:

  1. In XAML, initialize the FlexPie control and configure the X and Y axes by setting the BindingName and Binding properties, respectively. Then set up the data source through the ItemsSource property., as showcased in the following code:
    XAML
    Copy Code 
    <c1:FlexPie x:Name="chart" ItemsSource="{Binding Data}" Binding="Q1" 
          BindingName="Country" Margin="10">
</c1:FlexPie>

  2. Switch to C# and use the following code to create the data source for the chart.
    C#
    Copy Code 
    public class DataItem
{
    public string Country { get; set; }
    public double Q1 { get; set; }
    public double Q2 { get; set; }
    public double Q3 { get; set; }
    public double Q4 { get; set; }
}

List<DataItem> data = CreateData();

public List<DataItem> Data => data;

public static List<DataItem> CreateData()
{
    var countries = new string[] { "US", "China", "UK", "Japan" };
    var count = countries.Length;
    var result = new List<DataItem>();
    var rnd = new Random();
    for (var i = 0; i < count; i++)
        result.Add(new DataItem()
        {
            Country = countries[i],
            Q1 = rnd.Next(20),
            Q2 = rnd.Next(20),
            Q3 = rnd.Next(20),
            Q4 = rnd.Next(20)
        });
    return result;
}