Vue Funnel - item.selectionStyle.hatching

Applies hatching to a selected funnel item.

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.

When using the widget as an ASP.NET MVC Control, specify this option using the HatchingDirection enum. This enum accepts the following values: Right, Left and None.

opacity

Specifies hatching line transparency.

Type:

Number

Default Value: 0.5

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

Type:

Number

Default Value: 2