JavaScript/jQuery Sankey - node.hoverStyle.hatching

Applies hatching to a node when it is hovered over or pressed.

Type:

Object

Hatching fills a node with parallel diagonal lines.

DevExtreme HTML5 JavaScript Sankey Line Hatching

direction

Specifies hatching lines' direction.

Type:

String

Default Value: 'right'
Accepted Values: 'left' | 'none' | 'right'

The following values are available:

  • none
    Does not apply hatching.
  • right
    Draws diagonal hatching lines upwards from left to right.
  • left
    Draws diagonal hatching lines downwards from left to right.

Use the HatchingDirection enum to specify this option when the widget is used as an ASP.NET MVC Control. This enum accepts the following values: Right, Left, and None.

opacity

Specifies hatching lines' transparency.

Type:

Number

Default Value: 0.75

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

step

Specifies the distance in pixels between two hatching lines.

Type:

Number

Default Value: 6

width

Specifies hatching lines' width.

Type:

Number

Default Value: 2