border

An object defining the border options for a selected series.

Type: Object

To set custom border settings specific to the 'selected' state for the series, use the properties of the series | selectionStyle | border configuration object.

Show Example:
jQuery

In this example, the border of the selected point is colored in paleturquoise and has a 2-pixel width.


                                    

                                    

color

Sets a border color for a selected series.

Type: String
Default Value: undefined

This option supports the following colors.

  • hexadecimal colors
  • RGB colors
  • RGBA colors (not supported in Internet Explorer 8)
  • predefined/cross-browser color names
  • predefined SVG colors (not supported in Internet Explorer 8)
Show Example:
jQuery

In this example, the border of the selected point is colored in dodgerblue.


                                    

                                    

visible

Sets a border visibility for a selected series.

Type: Boolean
Default Value: false
Accepted Values: true|false

Show Example:
jQuery

Toggle the check box under the chart to change the visibility of the selected point borders.


                                    

                                    

width

Sets a border width for a selected series.

Type: Number
Default Value: 3

Show Example:
jQuery

In this example, the width option of the selected series border is set to 5.