Vue Chart - panes.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: 'dash' | 'dot' | 'longDash' | 'solid'

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'.

Use the DashStyle enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Solid, LongDash, Dash, and Dot.

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