border

An object defining the border options for a hovered point.

Type: Object

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

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

In case you have to set a hover style option for a point border in an individual series, use the hoverStyle | 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 a hovered point is colored in paleturquoise and has a 2-pixel width.


                                    

                                    

color

Sets a border color for a hovered 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 a hovered point is colored in mediumseagreen.


                                    

                                    

visible

Sets border visibility for a hovered point.

Type: Boolean
Default Value: true

Show Example:
jQuery

Use the check box under the chart to change the visibility of the hovered point border.


                                    

                                    

width

Sets a border width for a hovered point.

Type: Number
Default Value: 4

Show Example:
jQuery

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