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 5 Control or a DevExtreme-Based ASP.NET Core 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