Vue PolarChart - commonSeriesSettings.hoverStyle

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.

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

To set custom border settings specific to the 'hovered' state for all series of a single type at once, use the properties of the corresponding object within commonSeriesSettings (e.g., area.hoverStyle.border). The values that are set within this object override the corresponding common values that are set within the root commonSeriesSettings.hoverStyle.border object.

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

This option supports the following colors:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names
• Predefined SVG colors

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.

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.