React Chart - series.hoverStyle.border

Configures the appearance adopted by the series border (in area-like series) or the series point border (in bar-like and bubble series) when a user points to the series.

Selector: Border
Type:

Object

This member is exposed by the following entities:

color

Colors the series border (in area-like series) or the series point border (in bar-like and bubble series) when a user points to the series.

Type:

String

Default Value: undefined

This property supports the following colors:

dashStyle

Sets a dash style for the series border (in area-like series) or for the series point border (in bar-like and bubble series) when a user points to the series.

Type:

String

Default Value: 'solid'
Accepted Values: 'dash' | 'dot' | 'longDash' | 'solid'

The following dash styles are available:

  • solid
    The border is a solid, continuous line.

  • longDash
    The border is displayed using long dashes.

  • dash
    The border is displayed using dashes.

  • dot
    The border is displayed using dots.

  • Any combination of 'longDash', 'dash' and 'dot'
    The border is displayed by repeating the specified combination. For instance, 'dashdotdash'.

visible

Shows the series border (in area-like series) or the series point border (in bar-like and bubble series) when a user points to the series.

Type:

Boolean

Default Value: false

NOTE
Setting this property to true takes effect only if you have also set the hoverStyle.border.color property.

width

Sets a pixel-measured width for the series border (in area-like series) or for the series point border (in bar-like and bubble series) when a user points to the series.

Type:

Number

Default Value: 3