hoverStyle

An object defining configuration options for a hovered series.

Type:

Object

To set a custom 'hover' style for the series, use the hoverStyle object within the series configuration object.

Show Example:
jQuery

In this example, the style of a hovered point is changed.


                                    

                                    

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 color for the series when it is hovered over.

Type:

String

Default Value: undefined

This option supports the following colors.

Show Example:
jQuery

In the following example, a hovered point is colored in limegreen.


                                    

                                    

hatching

Specifies the hatching options to be applied when a point is hovered over.

Type:

Object

Within this object you can specify how to apply hatching using the direction option, the width and opacity of lines with the width and opacity options, and the space between the lines using the step option.

Show Example:
jQuery

In this example, several hatching options are changed. Hover over a point to see the effect.