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

2D XY Diagram

A 2D XY Diagram allows you to visualize data in a Cartesian chart.

The document consists of the following sections:

Expanded Compatible Series Types

Expanded How to: Create a Chart with the 2D XY Diagram

The notation below shows how to create a chart with BarSideBySideSeries2D and LineSeries2D series (the second series is in the separate pane).

The following table lists the classes and properties that are used in the markup above:

Class or Property Description
ChartControl The Chart control.
XYDiagram2D The 2D XY diagram.
XYDiagram2D.AxisX Stores the x-axis's settings.
AxisX2D A 2D XY Diagram's x-axis.
AxisBase.GridLinesVisible Specifies the x-axis's major grid line visibility.
XYDiagram2D.AxisY Stores the y-axis's settings.
AxisY2D A 2D XY diagram's y-axis.
AxisBase.GridLinesMinorVisible Specifies the minor y-axis's grid line visibility.
XYDiagram2D.Panes The chart panes' collection.
Pane A pane.
BarSideBySideSeries2D The Side-by-Side Bar series.
Series.DisplayName The series's display name.
BarSeries2D.Model Specifies a series model.
BorderlessSimpleBar2DModel Represents bars without a border.
SeriesPoint A series point.
SeriesPoint.Argument The series point's argument.
SeriesPoint.Value The series point value.
LineSeries2D The Line series.
XYDiagram2D.SeriesPane Specifies a pane displaying a series. This property is attached property of the XYDiagram2D class.
ChartControlBase.Legends The chart legends' collection.
Legend A legend.
ChartControlBase.Titles The chart titles' collection.
Title A title.
TitleBase.Content Specifies title content.
TitleBase.HorizontalAlignment Specifies the title's horizontal alignment.

Use the following code to access the 2D XY diagram's options at runtime:

Expanded The Diagram's Specific Options

The Chart Control provides the following XY Diagram features:

Expanded See Also

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