Vue PolarChart - series.hoverStyle.border

An object defining the border options for a hovered series.

Type:

Object

This member is exposed by the following entities:

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.

color

Sets a border color for a hovered series.

Type:

String

Default Value: undefined

This option supports the following colors:

dashStyle

Specifies a dash style for the borders of point labels.

Type:

String

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

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 a border visibility for a hovered series.

Type:

Boolean

Default Value: false

width

Sets a border width for a hovered series.

Type:

Number

Default Value: 3