Vue Funnel - legend.border

Configures the legend's border.

Type:

Object

color

Colors the legend's border.

Type:

String

Default Value: '#d3d3d3'

This option supports the following colors:

NOTE
Make the legend's border visible by setting the legend.border.visible option to true.

cornerRadius

Makes all the legend's corners rounded.

Type:

Number

Default Value: 0

This option accepts a positive number that defines a quarter ellipse's horizontal and vertical radii which determine the corner's curvature.

dashStyle

Sets a dash style for the legend's border.

Type:

String

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

The following values are available:

  • solid
    Displays the border as a solid, continuous line.
  • longDash
    Displays the border using long dashes.
  • dash
    Displays the border using dashes.
  • dot
    Displays the border using dots.
  • Any combination of "longDash", "dash" and "dot"
    Displays the 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.

opacity

Specifies the transparency of the legend's border.

Type:

Number

Default Value: undefined

This option accepts a value from 0 to 1, where 0 makes the border completely transparent, and 1 makes it opaque.

visible

Shows the legend's border.

Type:

Boolean

Default Value: false

width

Specifies the width of the legend's border in pixels.

Type:

Number

Default Value: 1