Vue Sankey - link

Configures sankey links' appearance.

Selector: DxLink
Type:

Object

See Also

border

Configures the links' borders.

Selector: DxBorder
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.

Selector: color-mode
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.

View Demo

hoverStyle

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

Selector: DxHoverStyle
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.