[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
       Pane Layout
       Pane Titles
      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 pane is an area within a 2D XY Diagram. A pane displays Series, Axes and other elements within a diagram.

The document consists of the following parts.

Expanded Overview

An individual pane is represented by the Pane class. After creation of an XY Diagram, by default, a diagram already contains a pane, which can be accessed using the XYDiagram2D.DefaultPane property.

In certain cases, it is necessary to display series data using separate panes (e.g., to show values measured in different units across the same date-time axis). In this case, add a pane to the XYDiagram2D.Panes collection.

To specify a pane used to display a series, use the XYDiagram2D.SeriesPane property.

The Pane.Visibility property (inherited from System.Windows.UIElement) allows you to hide a pane with pane contents.

Expanded Separate Pane Adding

In certain cases, it is necessary to separate series to several panes to improve chart appearance.

To create an additional pane, use the following XAML.

The following image demonstrates the result of adding a pane.

Note that secondary axes were used in a separate pane to improve chart data readability. To learn how to add secondary axes, refer to Primary and Secondary Axes.

Expanded See Also

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