WPF 3D Pie Chart | Richly Animated Pie Chart

Overview

The WPF 3D Pie Chart is a circular graph ideal for displaying proportional values in different categories. It supports rotation and selection.

WPF 3D Pie Chart documentation

WPF 3D Pie Chart

Key features

WPF 3D Exploded Pie Chart

Explode on touch

Explode a slice in the WPF 3D Pie Chart to differentiate it from other slices.

WPF 3D Pie Chart with Data Labels

Data labels

Labels display information about data points. Customize their foreground, border, and background. Use template support to customize their default appearance with your desired view. You can rotate a data label to a specified angle.

WPF 3D Semi Pie Chart

Semi-pie

Configure the semi-pie to visualize data in a different perspective and reduce the size of the rendering area using start and end angles.

Code Example

Easily get started with the WPF 3D Pie Chart using a few simple lines of C# code example as demonstrated below,

xaml
c#
<Window x:Class="ChartExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:ChartExample"
        xmlns:chart="clr-namespace:Syncfusion.UI.Xaml.Charts;assembly=Syncfusion.SfChart.WPF"
        mc:Ignorable="d"
        Title="WPF 3D Pie Chart" Height="450" Width="700">
    
   <!--Setting DataContext-->
    <Window.DataContext>
        <local:Chart3DViewModel/>
    </Window.DataContext>

    <StackPanel HorizontalAlignment="Center"   VerticalAlignment="Center">
        <chart:SfChart3D  
            Margin="50" 
            Height="400" Width="400" Depth="500"
            VerticalAlignment="Bottom"
            EnableRotation="True">

           <!--Adding 3D Pie Series to the WPF 3D Chart-->
            <chart:PieSeries3D
                ItemsSource="{Binding CategoricalDatas}"
                XBindingPath="Year" 
                YBindingPath="Plastic">
            </chart:PieSeries3D>
        </chart:SfChart3D>
    </StackPanel>
</Window>
public class BarChart3DModel 
    {
        public string Year { get; set; }

        public double Plastic { get; set; }

        public double Metal { get; set; }

        public BarChart3DModel(double metal, double plastic, string year)
        {
            Plastic = plastic;
            Year = year;
            Metal = metal;
        }

    }
    public class Chart3DViewModel
    {
        public Chart3DViewModel()
        {
            CategoricalDatas = new ObservableCollection<BarChart3DModel>();

            CategoricalDatas.Add(new BarChart3DModel(7, 5, "2008"));
            CategoricalDatas.Add(new BarChart3DModel(13, 10, "2009"));
            CategoricalDatas.Add(new BarChart3DModel(15, 12, "2010"));
            CategoricalDatas.Add(new BarChart3DModel(21, 20, "2011"));
            CategoricalDatas.Add(new BarChart3DModel(25, 23, "2012"));
        }

        public ObservableCollection<BarChart3DModel> CategoricalDatas
        {
            get;
            set;
        }
    }