Vue PieChart - series.label.border

Specifies border options for point labels.

Type:

Object

Use this object to make the borders of point labels visible/invisible and set up border options such as color and width.

color

Specifies a border color for point labels.

Type:

String

Default Value: '#d3d3d3'

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

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

Indicates whether or not borders are visible in point labels.

Type:

Boolean

Default Value: false

width

Specifies the border width for point labels.

Type:

Number

Default Value: 1