JavaScript/jQuery 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.
- $(function() {
- $("#chartContainer").dxChart({
- // ...
- panes: {
- backgroundColor: 'yellow',
- border: {
- visible: true,
- width: 2
- }
- }
- });
- });
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.