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'

The following dash styles are available:

  • solid
    The border is a solid, continuous line.

  • longDash
    The border is displayed using long dashes.

  • dash
    The border is displayed using dashes.

  • dot
    The border is displayed using dots.

  • Any combination of 'longDash', 'dash' and 'dot'
    The border is displayed by repeating the specified combination. For instance, 'dashdotdash'.

Use the DashStyle enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core 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