Getting Started
Components
- Barcodes
- Buttons
- Chartsupdated
- - Overview
  - Getting Started
  - Glossary
  - Data Binding
  - Configuration
  - Elements
  - Drilldownnew
  - Series Typesupdated
  - Panning and Zooming
  - Export Options
  - Rendering Modes
  - Appearance
  - Stock Chart
  - Sparkline Chart
  - Globalization
  - Events
  - API
- Conversational UI
- Data Query
- Date Inputsupdated
- Date Math
- Dialogsupdated
- Drawing
- Dropdownsupdated
- Editor
- Excel Export
- File Saver
- Filter
- Ganttupdated
- Gauges
- Gridupdated
- Icons
- Indicators
- Inputs
- Labels
- Layout
- ListBoxupdated
- ListView
- Map
- Menus
- Navigationupdated
- Notification
- Pager
- PDF Export
- PDFViewernew
- PivotGrid
- Popup
- ProgressBars
- Ripple
- Scheduler
- ScrollView
- Sortable
- ToolBar
- Tooltips
- TreeListupdated
- TreeViewupdated
- Typography
- Uploads
- Utilitiesupdated
Styling & Themes
Common Features
Project Setup
Knowledge Base
Sample Applications
FAQ
Troubleshooting
Updates
Changelogs

Components / Charts / API / PanesComponent /

New to Kendo UI for Angular? Start a free 30-day trial

PanesComponent

A collection of one or more pane configuration components.

<kendo-chart>
  <kendo-chart-panes>
    <kendo-chart-pane name="topPane"></kendo-chart-pane>
    <kendo-chart-pane name="bottomPane"></kendo-chart-pane>
  </kendo-chart-panes>
  ...
</kendo-chart>

Selector

kendo-chart-panes

PanesComponent

Selector

In this article

Not finding the help you need?

Is this article helpful?

Thank you for your feedback!

Getting Started

Support Resources

Community

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Extended Reality

Free Tools

PanesComponent

Selector

In this article

Not finding the help you need?

Is this article helpful?

Thank you for your feedback!