Panes

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.

Example
View Source
Change Theme:

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:

Example
View Source
Change Theme:

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:

Example
View Source
Change Theme:

In this article

Not finding the help you need?