New to KendoReactStart a free 30-day trial

Panes
Premium

The Chart panes enable you to create vertical sub-divisions in a single categorical Chart.

You have to set an individual value axis to each pane. Multiple panes can share a category axis.

Only the Categorical Chart series support the configuration of panes.

Panes are declared through the ChartPane configuration components and placed in a ChartPanes collection. To control the series placement, plot the series on a value axis which is placed in the desired pane.

Change Theme
Theme
Loading ...

Default Settings

Settings that apply to all panes can be declared through the ChartPaneDefaults configuration component.

The following example sets the default margin and title font for the panes:

Change Theme
Theme
Loading ...

Disable Clipping

By default, the pane content cannot extend beyond its border. This prevents charts from overlapping other elements like the legend or title.

Pane clipping may be undesired, for example when plotting series markers at the edge of the pane. To disable clipping, set the clip prop to false:

Change Theme
Theme
Loading ...
In this article
Default SettingsDisable ClippingSuggested Links
Not finding the help you need?
Contact Support