hatching

Applies hatching to a funnel item when a user presses the item or hovers the mouse pointer over it.

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.

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 the transparency of hatching lines.

Type:

Number

Default Value: 0.75

This option 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 lines' width in pixels.

Type:

Number

Default Value: 2