Vue PieChart - commonSeriesSettings.selectionStyle.border

An object defining the border options for a selected series.

Type:

Object

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

color

Sets a border color for a selected series.

Type:

String

Default Value: undefined

This option supports the following colors:

dashStyle

Specifies a dash style for the border of a selected series point.

Type:

String

Default Value: undefined
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'.

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

visible

Sets a border visibility for a selected series.

Type:

Boolean

Default Value: false

width

Sets a border width for a selected series.

Type:

Number

Default Value: 3