[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Collapse]Charting Basics
      Understanding a Data Point, Its Argument and Its Value
      Understanding Series and Series Views
      Understanding a Diagram
      Understanding Axes and Panes
    [Expand]Series Views
    [Expand]Professional Charting
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Understanding a Diagram

This topic provides general information about a chart's diagram, and the types available.

A diagram is a chart's main area, which displays data and graphical elements (e.g., series, axes and panes), although some elements do not actually belong to a Diagram object (such as Series). For a complete list of chart elements, refer to Chart Elements.

A single chart control instance can only possess one diagram object. Its type is auto-determined by the view type of the first visible series in the chart's collection. Each diagram type has a special set of options used to plot series compatible with that view type. For a complete list of available diagram types (with a description of each type), refer to the Diagram topic.

At design time, a diagram's options can be accessed via the WebChartControl.Diagram property.

At runtime, to access a diagram's properties, cast your instance of a Diagram object to a specific type, as demonstrated below.

Among the most common diagram types is the XYDiagram2D, which employs two axes to plot series, and supports multiple panes, in which separate series can be displayed. Axes and panes are discussed in greater detail in the next topic in this section: Understanding Axes and Panes.

For more information on diagrams, refer to Diagram Overview.

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