All docs
V20.2
20.2
20.1
19.2
19.1
18.2
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
17.1
The page you are viewing does not exist in version 17.1. This link will take you to the root page.
16.2
The page you are viewing does not exist in version 16.2. This link will take you to the root page.
Vue

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