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

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
Window1.xaml.cs
Application.xaml.vb
Application.xaml
Window1.xaml.vb

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>

csharp

using System.Windows;

namespace SideBySideBar3DChart {

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

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

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>

Imports Microsoft.VisualBasic
Imports System.Windows

Namespace SideBySideBar3DChart

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