border

Specifies border options for point labels.

Type:

Object

Use this object to make the borders of point labels visible/invisible and set up border options such as color and width.

Show Example:
jQuery

In this example, the label border is colored in lightslategrey and has a 2-pixel width.


                                    

                                    

color

Specifies a border color for point labels.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors.

Show Example:
jQuery

In this example, the label border is colored in lightpink.


                                    

                                    

dashStyle

Specifies a dash style for the borders of point labels.

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

When configuring the widget using ASP.NET MVC Wrappers, specify this option using the DashStyle enum. This enum accepts the following values: Solid, LongDash, Dash and Dot.

Show Example:
jQuery

In this example, the dashStyle of the label border is set to longDashdot.


                                    

                                    

visible

Indicates whether or not borders are visible in point labels.

Type:

Boolean

Default Value: false

Show Example:
jQuery

Toggle the check box below to change the visibility of the label border.


                                    

                                    

width

Specifies the border width for point labels.

Type:

Number

Default Value: 1

Show Example:
jQuery

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