All docs
V19.2
24.2
The page you are viewing does not exist in version 24.2.
24.1
The page you are viewing does not exist in version 24.1.
23.2
The page you are viewing does not exist in version 23.2.
23.1
The page you are viewing does not exist in version 23.1.
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
19.1
18.2
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.
A newer version of this page is available. Switch to the current version.

JavaScript/jQuery 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 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 option accepts a value from 0 to 1: 0 makes the links transparent; 1 makes them opaque.