Vue Funnel - item.selectionStyle.hatching

Applies hatching to a selected funnel item.

Selector: DxHatching
Type:

Object

Hatching fills a funnel item with parallel diagonal lines.

DevExtreme HTML5 JavaScript Funnel Item Hatching

direction

Specifies hatching line 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.

opacity

Specifies hatching line transparency.

Type:

Number

Default Value: 0.5

This property accepts a value from 0 to 1, where 0 makes hatching lines completely transparent, and 1 makes them opaque.

step

Specifies the distance between two side-by-side hatching lines in pixels.

Type:

Number

Default Value: 6

width

Specifies hatching line width in pixels.

Type:

Number

Default Value: 2