How to: Create a 3D Side-by-side Bar Chart

• Jun 07, 2019

The following example demonstrates how to create a 3D Side-by-side Bar chart. To do this, it is necessary to assign the ChartControl.Diagram property to XYDiagram3D, and then add two BarSideBySideSeries3D objects with points to the diagram’s Diagram.Series collection.

Window1.xaml

<Window x:Class="SideBySideBar3DChart.Window1" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:dxc="http://schemas.devexpress.com/winfx/2008/xaml/charts" Title="Window1" Height="350" Width="500">
    <Grid>
        <dxc:ChartControl Name="chartControl1">
            <dxc:ChartControl.Diagram>
                <dxc:XYDiagram3D>
                    <dxc:XYDiagram3D.Series>
                        <dxc:BarSideBySideSeries3D>
                            <dxc:BarSideBySideSeries3D.Points>
                                <dxc:SeriesPoint Argument="A" Value="10" />
                                <dxc:SeriesPoint Argument="B" Value="12" />
                                <dxc:SeriesPoint Argument="C" Value="14" />
                                <dxc:SeriesPoint Argument="D" Value="17" />
                            </dxc:BarSideBySideSeries3D.Points>
                        </dxc:BarSideBySideSeries3D>
                        <dxc:BarSideBySideSeries3D>
                            <dxc:BarSideBySideSeries3D.Points>
                                <dxc:SeriesPoint Argument="A" Value="5" />
                                <dxc:SeriesPoint Argument="B" Value="4" />
                                <dxc:SeriesPoint Argument="C" Value="10" />
                                <dxc:SeriesPoint Argument="D" Value="12" />
                            </dxc:BarSideBySideSeries3D.Points>
                        </dxc:BarSideBySideSeries3D>
                    </dxc:XYDiagram3D.Series>
                </dxc:XYDiagram3D>
            </dxc:ChartControl.Diagram>
        </dxc:ChartControl>
    </Grid>
</Window>

Window1.xaml.cs

using System.Windows;

namespace SideBySideBar3DChart {

    public partial class Window1 : Window {
        public Window1() {
            InitializeComponent();
        }
    }
}

Application.xaml.vb

Imports Microsoft.VisualBasic
Imports System
Imports System.Collections.Generic
Imports System.Configuration
Imports System.Data
Imports System.Linq
Imports System.Windows

Namespace SideBySideBar3DChart
    ''' <summary>
    ''' Interaction logic for App.xaml
    ''' </summary>
    Partial Public Class App
        Inherits Application
    End Class
End Namespace

Application.xaml

<Application x:Class="SideBySideBar3DChart.App" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" StartupUri="Window1.xaml">
    <Application.Resources>

    </Application.Resources>
</Application>

Window1.xaml.vb

Imports Microsoft.VisualBasic
Imports System.Windows

Namespace SideBySideBar3DChart

    Partial Public Class Window1
        Inherits Window
        Public Sub New()
            InitializeComponent()
        End Sub
    End Class
End Namespace