border

An object defining the border options for a seleted point.

Type:

Object

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

To set custom border settings specific to the 'selected' state for points in 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 selection style option for a point border in 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 points is colored in paleturquoise and has a 2-pixel width.


                                    

                                    

color

Sets a border color for a selected point.

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 points is colored in mediumseagreen.


                                    

                                    

visible

Sets border visibility for a selected point.

Type:

Boolean

Default Value: true

Show Example:
jQuery

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


                                    

                                    

width

Sets a border width for a selected point.

Type:

Number

Default Value: 4

Show Example:
jQuery

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