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


A diagram is a basic element, which visually contains Panes, Axes, Series and its components.

The following image demonstrates a diagram within a chart.

To view the Chart Control for WPF architecture schematically, refer to Chart Elements.


The Chart Control can hide its elements if there is insufficient space to display them. Elements are hidden in the following order:

  1. Legends
  2. Axis Titles
  3. Series Titles
  4. Pane Titles
  5. Axes
  6. Chart Title
  7. Breadcrumbs

To make the Chart Control always display its elements, disable the ChartControlBase.AutoLayout property.

This document includes the following parts.

Expanded Overview

A diagram is a instance of the Diagram class descendant. At runtime, a diagram is accessed using the ChartControl.Diagram property.

To access a diagram at design time, click a diagram in the Chart Control to select it. Then, it is possible to specify diagram options for a current diagram in the Properties window.

The Chart Control supports various diagram types. Links for diagram type topics are represented in the Diagram Types section.

Expanded Diagram Types

It is possible to add only one Diagram object to a chart. When a 2D XY Diagram is used, it is possible to plot multiple Series on separate panes with additional axes. For more information, refer to the Panes and Primary and Secondary Axes documents.

Series and diagram are closely related. Each diagram type supports appropriate series types. To place several different series, you should ensure that their types are compatible. To learn more information, refer to the Series Types Compatibility document.

There are several features and settings available for different diagram types. The following table includes diagram types supported by the Chart Control. See the corresponding documents to get more information.

Simple 2D Diagram Simple 3D Diagram
2D XY Diagram 3D XY Diagram
2D Polar Diagram 2D Radar Diagram

Expanded See Also

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