Log In
[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
  [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]Grid View
  [Expand]Card View
  [Expand]Vertical Grid
  [Expand]Rich Text Editor
  [Expand]Image and Data Browsing
  [Expand]Docking and Popups
  [Expand]Site Navigation and Layout
  [Expand]File Management
  [Expand]Multi-Use Site Controls
  [Expand]HTML Editor
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Data Editors
  [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]Document Server
[Expand]Report 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.

How would you rate this topic?​​​​​​​