[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]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
      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]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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation


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 Layout Customization

The XYDiagram2D.PaneOrientation property allows you to specify the orientation of panes (Horizontal or Vertical). The following images demonstrate property values.

Property Value


XYDiagram2D.PaneOrientation = Vertical

XYDiagram2D.PaneOrientation = Horizontal

The XYDiagram2D.Rotated property allows you to represent X-Axis in the vertical alignment and Y-Axis in the horizontal alignment.

Property Value Result

XYDiagram2D.Rotated = False

XYDiagram2D.Rotated = True

Expanded See Also

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