A newer version of this page is available. Switch to the current version.

jQuery Funnel - item.hoverStyle.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.

opacity

Specifies the transparency of hatching lines.

Type:

Number

Default Value: 0.75

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

Type:

Number

Default Value: 2