All docs
V20.2
21.1 (CTP)
20.2
20.1
19.2
The page you are viewing does not exist in version 19.2. This link will take you to the root page.
19.1
The page you are viewing does not exist in version 19.1. This link will take you to the root page.
18.2
The page you are viewing does not exist in version 18.2. This link will take you to the root page.
18.1
The page you are viewing does not exist in version 18.1. This link will take you to the root page.
17.2
The page you are viewing does not exist in version 17.2. This link will take you to the root page.
Box
Map
Vue

hatching

Configures hatching that applies when a user selects the series.

Hatching is filling an area or a bar (depending on the series type) with parallel diagonal lines. In the Chart UI component, it applies when a user selects a series.

direction

Specifies the direction of hatching lines.

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 property when the UI component is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Right, Left, and None.

opacity

Specifies how transparent hatching lines should be.

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 the width of hatching lines in pixels.

Type:

Number

Default Value: 2