Vue Sankey - link.hoverStyle.hatching

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

Selector: DxHatching
Type:

Object

Hatching fills a line with parallel diagonal lines.

DevExtreme HTML5 JavaScript Sankey Line Hatching

direction

Specifies hatching lines' direction.

Type:

HatchDirection

Default Value: '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.

opacity

Specifies hatching lines' transparency.

Type:

Number

Default Value: 0.75

This property 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