React PolarChart - commonSeriesSettings.hoverStyle.border

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

Use the DashStyle enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Solid, LongDash, Dash, and Dot.