Vue Sankey - link

Configures sankey links' appearance.

Type:

Object

border

Configures the links' borders.

Type:

Object

color

Colors the sankey links. Applies only if colorMode is "none".

Type:

String

Default Value: '#000000'

This option supports the following colors:

colorMode

Specifies how to color links.

Type:

String

Default Value: 'none'
Accepted Values: 'none' | 'source' | 'target' | 'gradient'

This option accepts the following values:

  • "none"
    The color specified in the color option is used.

  • "source"
    A source node's color is used.

  • "target"
    A target node's color is used.

  • "gradient"
    A gradient color between the source node's and target node's color is used.

Use the SankeyColorMode enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: None, Source, Target, and Gradient.

View Demo

hoverStyle

Configures the appearance a link changes to when it is hovered over or pressed.

Type:

Object

See Also

opacity

Specifies the links' transparency.

Type:

Number

Default Value: 0.3

This option accepts a value from 0 to 1: 0 makes the links transparent; 1 makes them opaque.