Vue PieChart - commonSeriesSettings.hoverStyle.border

An object defining the border properties for a hovered series.

Selector: DxBorder
Type:

Object

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

color

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

Type:

String

| undefined
Default Value: undefined

This property supports the following colors:

dashStyle

Specifies a dash style for the border of a series point when this point is hovered over.

Selector: dash-style
Type:

DashStyle

| undefined
Default Value: undefined

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

Sets 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