border

An object defining the border options for a selected series.

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

To set custom border settings specific to the 'selected' state for all series of a single type at once, use the properties of the corresponding object within commonSeriesSettings (e.g. area | selectionStyle | border). The values that are set within this object override the corresponding common values that are set within the root commonSeriesSettings | selectionStyle | border object.

In case you have to set a border selection style option for an individual series, use the selectionStyle | border object within the series object of the series array. The values that are set individually override corresponding common values.

Show Example:
jQuery

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


                                    

                                    

color

Sets a border color for a selected series.

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 series 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 series borders.


                                    

                                    

width

Sets a border width for a selected series.

Show Example:
jQuery

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