Angular Chart - AreaSeries.selectionStyle.hatching

Configures hatching that applies when a user selects the series.

Selector: dxo-hatching
Type:

Object

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.

Default Value: '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 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