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.


                                    

                                    

bottom

Specifies the bottom border's visibility state in a pane.

Type:

Boolean

Default Value: true

To make the border's top side visible for a pane, be sure that the visible property is set to true.

color

Specifies a border's color in a pane.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors.

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

In this example, the pane borders are colored in crimson.


                                    

                                    

dashStyle

Specifies the border dash style in a pane.

Type:

String

Default Value: 'solid'
Accepted Values: 'solid'|'longDash'|'dash'|'dot'

The following values are available:

  • solid
    Displays a solid, continuous line.
  • longDash
    Displays a border using long dashes.
  • dash
    Displays a border using dashes.
  • dot
    Displays a border using dots.
  • any combination of 'longDash', 'dash' and 'dot'
    Displays a border by repeating the specified combination. For instance, 'dashdotdash'.

To make the border visible in a pane, set the visible property to true.

Show Example:
jQuery

Here, the dash style of the panes' border is changed to 'dash'.


                                    

                                    

left

Specifies the left border's visibility state in a pane.

Type:

Boolean

Default Value: true

To make the border's top side visible for a pane, be sure that the visible property is set to true.

opacity

Specifies a border's opacity in a pane.

Type:

Number

Default Value: undefined

Show Example:
jQuery

In this example, the opacity option of the panes' border is set to 0.75.


                                    

                                    

right

Specifies the right border's visibility state in a pane.

Type:

Boolean

Default Value: true

To make the border's top side visible for a pane, be sure that the visible property is set to true.

top

Specifies the top border's visibility state in a pane.

Type:

Boolean

Default Value: true

To make the border's top side visible for a pane, be sure that the visible property is set to true.

visible

Sets a visibility state of a pane.

Type:

Boolean

Default Value: false

When this property is set to true, you can use the top, bottom, left and/or right properties to set the visibility state for individual border sides of a pane.

Show Example:
jQuery

Use the check box in the bottom to change visibility of the panes' border.


                                    

                                    

width

Specifies a border's width in a pane, in pixels.

Type:

Number

Default Value: 1

Show Example:
jQuery

In this example, the width option of the panes' border is set to 2.