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.
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:
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
: