commonPaneSettings

An object defining the configuration options that are common for all panes in the dxChart widget.

Type: Object

Use this object's properties to set options for all panes at once. If you need to set an individual value for a common option, use the corresponding pane object within the panes array. The values that are set individually override the corresponding common values.

Show Example:
jQuery

In this example, the panes of a multi-pane chart are separated one from another by a border colored in blue.


                                    

                                    

backgroundColor

Specifies a background color in a pane.

Type: String
Default Value: 'none'

This option supports the following colors.

  • Hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • Predefined/cross-browser color names
Show Example:
jQuery

In this example, the color of the panes' background is changed using the common backgroundColor option.


                                    

                                    

border

Specifies the border options of a chart's pane.

Type: Object

Show Example:
jQuery

In this example, the panes of a multi-pane chart are separated one from another by a border colored in blue.