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.

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

When using the widget as an ASP.NET MVC Control, specify this option using the DashStyle enum. This enum accepts the following values: Solid, LongDash, Dash and Dot.

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.