[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Concepts
    [Expand]Creating Charts
    [Collapse]Chart Elements
     [Expand]Series
     [Collapse]Diagram
       Diagram Overview
       Simple Diagram
       Swift Plot Diagram
       XY-Diagram
       Gantt Diagram
       Radar and Polar Diagrams
       Simple Diagram 3D
       XY-Diagram 3D
       Funnel Diagram 3D
     [Expand]Axes
     [Expand]Panes
     [Expand]Legend
     [Expand]Chart Titles
     [Expand]Annotations
     [Expand]Indicators
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Gauges
  [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]Localization
 [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]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

XY-Diagram

This document details the specifics of the XY-Diagram type. It lists the series view types associated with this diagram type, demonstrates how its specific options can be accessed (both at design and runtime), and briefly describes these options. Before reading this text, you may wish to review the basics of using diagram in the ASP.NET Chart Control.

This document consists of the following sections.

Expanded Associated Series View Types

The XY-Diagram is the most common diagram type, since it is used to plot the series which are displayed using both axes: the axis of arguments (X-axis) and the axis of values (Y-axis). There are many such series view types available in the WebChartControl. You can freely plot multiple series of these view types together, within the same diagram object, as shown in the following image.

In particular, the XY-Diagram is used to plot series of the following view types:

Expanded Accessing a Diagram

To access the XY-Diagram's options at design time, click your chart, to select it. Then, in the Properties window, expand the WebChartControl.Diagram property.

At runtime, cast your instance of the Diagram object to the XYDiagram type.

Expanded Specific Options

The available options, specific for the XY-Diagram type, are briefly described below. For the more detailed information about them, refer to these properties' descriptions.

In addition, it is possible to control the diagram's appearance. Since XY-Diagram supports panes, there is a difference on how the appearance properties of this diagram are accessed. So, for the default pane, they can be accessed via the XYDiagram2D.DefaultPane property, as shown in the following image.

These properties are listed below. Note that these properties are also available for additional panes, the collection of which can be accessed via the XYDiagram2D.Panes property.

Expanded See Also

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