[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Expand]Providing Data
    [Collapse]Chart Elements
       Simple 2D Diagram
       Simple 3D Diagram
       2D XY Diagram
       3D XY Diagram
       2D Polar Diagram
       2D Radar Diagram
      Chart Titles
    [Expand]Appearance Customization
    [Expand]End-User Features
    [Expand]Design-Time Features
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Simple 3D Diagram

The Simple 3D Diagram displays simple series such as Pies and Donuts in a high-resolution pseudo-3D view. Refer to the Simple 2D Diagram document to learn more about the 2D counterpart.

This document consists of the following sections:

Expanded Compatible Series Types

The diagram can only display series of compatible types. You can add the following series to the Simple 3D diagram:

Series type Image

Refer to the Series Types Compatibility document to learn more about series compatibility.

Expanded How to Create a Chart with a Simple 3D Diagram

Use the following markup to design a chart with a Simple 3D Diagram:

The table below lists all the classes and properties that the markup uses:

Class or Property Description
ChartControl The chart control.
ChartControlBase.Legends The chart control's legends collection.
Legend A chart legend.
ChartControlBase.Titles The chart control's titles collection.
Title A chart title.
TitleBase.Content Title's content.
TitleBase.HorizontalAlignment Specifies the horizontal title alignment.
SimpleDiagram3D The Simple 3D Diagram.
PieSeries3D The 3D Pie series.
Series.LegendTextPattern Specifies how Pie values are represented in a legend.
PieSeries.HoleRadiusPercent Specifies a Donut series's hole radius in percentages.
SeriesPoint A series point.
SeriesPoint.Argument The series point's argument.
SeriesPoint.Value The series point's value.

You can also access a Simple 3D Diagram at runtime using the following code:

Expanded Simple 3D Diagram's Specific Options

In addition to the SimpleDiagram3D.Dimension and SimpleDiagram3D.LayoutDirection properties, the Simple 3D diagram supports options common to all 3D diagrams.

The following list details specific properties for a 3D Diagram:

Zooming and Scrolling

The Diagram3D.HorizontalScrollPercent and Diagram3D.VerticalScrollPercent properties determine the distance the chart can move in relation to the central position within a diagram as a diagram width percentage. These properties can be specified using positive or negative values. If the ScrollPercent properties specify values that are too large, the series inside the diagram may be moved outside. Use the Diagram3D.RuntimeScrolling property to provide end users with scrolling capabilities at runtime.

The Diagram3D.ZoomPercent property specifies a chart magnification value. This value should be between 1 and 500 percents and is equal to 100 by default. Use the Diagram3D.RuntimeZooming property to enable zooming at runtime.

Refer to Zooming and Scrolling (3D Charts) for more information.


In a perspective projection, the lines that are parallel to the object converge as they move towards a horizon line on the projection surface. The rate at which parallel lines converge is called the perspective angle. Use the Diagram3D.PerspectiveAngle property to specify a perspective angle for a 3D diagram in a perspective projection. The Perspective Angle may be equal to or more than 0, and must be less than 180.


Use the Diagram3D.RuntimeRotation property to allow chart rotation at runtime.

3D charts can be rotated using the Ctrl+mouse pointer (design time) or mouse pointer only (runtime).

Refer to Rotation (3D Charts) for more details.

Expanded See Also

Is this topic helpful?​​​​​​​