React PolarChart - LineSeries.hoverStyle

An object defining configuration options for a hovered series.

Type:

Object

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

If you have several series of one type, you can set hover style options to the values specific to this type using the corresponding object (area, line or another) within the commonSeriesSettings configuration object. The values that are set within series-type-specific configuration objects override the corresponding common values.

In case you have to set a hover style option for an individual series, use the hoverStyle object within the series object of the series array. The values that are set individually override corresponding common values.

color

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

Type:

String

Default Value: undefined

This option supports the following colors:

dashStyle

Specifies the dash style for the line in a hovered series.

Type:

String

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

The following values are available.

  • solid
    Displays a solid, continuous line.
  • longDash
    Displays the series using long dashes.
  • dash
    Displays the series using dashes.
  • dot
    Displays the series using dots.
  • any combination of 'longDash', 'dash' and 'dot'
    Displays the series 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.

width

Specifies the width of a line in a hovered series.

Type:

Number

Default Value: 3