border

An object defining the border options for a hovered series.

Type:

Object

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

Show Example:
jQuery

In this example, the border of a hovered point is colored in lightblue and has a 1-pixel width.


                                    

                                    

color

Sets a border color for the series when it is hovered over.

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


                                    

                                    

dashStyle

Specifies a dash style for the border of a series point when this point is hovered over.

Type:

String

Default Value: undefined
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'.

visible

Sets border visibility for a hovered series.

Type:

Boolean

Default Value: false

Show Example:
jQuery

Use the check box to change the visibility of the border for a hovered point. Hover over a point to see the effect.


                                    

                                    

width

Sets a border width for a hovered series.

Type:

Number

Default Value: 3

Show Example:
jQuery

In this example, the border of a hovered point has a 1-pixel width.