React Chart - Overview
A pane is a chart area containing series. If there are many series in the Chart, they can be distributed between multiple panes.
Panes are configured by the panes property. For a single-pane chart, this property accepts an object that configures the background color and the border of the pane.
- <dx-chart ... >
- <dxi-panes backgroundColor="yellow">
- <dxo-border
- [visible]="true"
- [width]="2">
- </dxo-border>
- </dxi-panes>
- </dx-chart>
- import { DxChartModule } from "devextreme-angular";
- // ...
- export class AppComponent {
- // ...
- }
- @NgModule({
- imports: [
- // ...
- DxChartModule
- ],
- // ...
- })
For a multi-pane chart, the panes property accepts an array. For further details, refer to the Multi-Pane Chart topic.
You can add custom styles (pattern or gradient) to the pane's background. To learn more, refer to the following API section: backgroundColor.
See Also
If you have technical questions, please create a support ticket in the DevExpress Support Center.