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

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.

View Example

<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>