All docs
V22.2
23.1 (CTP)
22.2
22.1
21.2
21.1
20.2
20.1
19.2
19.1
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
Box
Map
Vue

border

Configures the legend's border.

Type:

Object

color

Colors the legend's border.

Type:

String

Default Value: '#d3d3d3'

This property supports the following colors:

NOTE
Make the legend's border visible by setting the legend.border.visible property to true.

cornerRadius

Makes all the legend's corners rounded.

Type:

Number

Default Value: 0

This property accepts a positive number that defines a quarter ellipse's horizontal and vertical radii which determine the corner's curvature.

dashStyle

Sets a dash style for the legend's 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'.

opacity

Specifies the transparency of the legend's border.

Type:

Number

Default Value: undefined

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

visible

Shows the legend's border.

Type:

Boolean

Default Value: false

width

Specifies the width of the legend's border in pixels.

Type:

Number

Default Value: 1