border

Configures the pane border.

Type: Object

DevExtreme HTML5 Charts Panes PaneBorder

bottom

Shows/hides the bottom border of the pane. Applies only when the border | visible option is true.

Type: Boolean
Default Value: true

color

Specifies the color of the pane border.

Type: String
Default Value: '#d3d3d3'

This option supports the following colors.

dashStyle

Specifies the dash style of the pane border.

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

This option accepts one of the following values.

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

left

Shows/hides the left border of the pane. Applies only when the border | visible option is true.

Type: Boolean
Default Value: true

opacity

Specifies how transparent the pane border should be.

Type: Number
Default Value: undefined

This option accepts a value from 0 to 1, where 0 makes the pane border completely transparent, and 1 makes it opaque.

right

Shows/hides the right border of the pane. Applies only when the border | visible option is true.

Type: Boolean
Default Value: true

top

Shows/hides the top border of the pane. Applies only when the border | visible option is true.

Type: Boolean
Default Value: true

visible

Shows the pane border.

Type: Boolean
Default Value: false

When this option is set to true, you can control each side of the border separately using the top, bottom, left and right properties.

width

Specifies the width of the pane border in pixels.

Type: Number
Default Value: 1