Skip to content

This article explains about How to create a 3D Bar Chart in WPF

Notifications You must be signed in to change notification settings

SyncfusionExamples/3D-Bar-Chart-in-WPF

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 

Repository files navigation

How to create 3D Bar Chart in WPF?

This article explains about how to create a 3D Bar Chart in WPF.

You can create 3D bar chart in WPF by populating the items into ItemsSource of BarSeries3D series . In the following example, you will look at a grocery store. The chart displays the revenue generated from the production department.

Populated items are the sales details which denotes the products and their revenue

public class Sales
{
     public string Product { get; set; }
 
     public double Revenue { get; set; }
}
public ViewModel()
{
    this.GrowthDetails = new ObservableCollection<Sales>();
    GrowthDetails.Add(new Sales { Product ="Pears", Revenue = 10245 });
    GrowthDetails.Add(new Sales { Product ="Apples", Revenue = 14567 });
    GrowthDetails.Add(new Sales { Product ="Tomatoes", Revenue = 32456 });
    GrowthDetails.Add(new Sales { Product ="Peas", Revenue = 31245 });     
}
 
public ObservableCollection<Sales> GrowthDetails { get; set; }
<Syncfusion:SfChart3D x:Name="Chart"  Header="3D Bar Chart">
        <Syncfusion:SfChart3D.DataContext>
            <local:ViewModel/>
        </Syncfusion:SfChart3D.DataContext>
        <Syncfusion:SfChart3D.PrimaryAxis>
            <Syncfusion:CategoryAxis3D Header="Products"/>
        </Syncfusion:SfChart3D.PrimaryAxis>
 
        <Syncfusion:SfChart3D.SecondaryAxis>
            <Syncfusion:NumericalAxis3D Header="Revenue"/>
        </Syncfusion:SfChart3D.SecondaryAxis>
 
        <Syncfusion:BarSeries3D ItemsSource="{Binding GrowthDetails}" XBindingPath="Product" YBindingPath="Revenue">
            <Syncfusion:BarSeries3D.AdornmentsInfo>
                <Syncfusion:ChartAdornmentInfo3D   AdornmentsPosition="TopAndBottom" ShowLabel="true" HighlightOnSelection="True"/>
            </Syncfusion:BarSeries3D.AdornmentsInfo>
        </Syncfusion:BarSeries3D>
</Syncfusion:SfChart3D>

Output:

3D Bar chart in WPF

KB article - How to create 3D Bar Chart in WPF

Releases

No releases published

Packages

No packages published

Languages