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 property supports the following colors:

colorMode

Specifies how to color links.

Type:

String

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

This property accepts the following values:

  • "none"
    The color specified in the color property 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 property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core 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 property accepts a value from 0 to 1: 0 makes the links transparent; 1 makes them opaque.