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 widget, it applies when a user selects a series.

direction

Specifies the direction of hatching lines.

Type: String
Default Value: 'right'
Accepted Values: 'none' | 'right' | 'left'

The following values are available.

  • none
    Does not apply hatching.
  • right
    Draws diagonal hatching lines from left to right upwards.
  • left
    Draws diagonal hatching lines from left to right downwards.

NOTE: When configuring the widget using ASP.NET MVC Wrappers, specify this option using the HatchingDirection enum. 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 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 the width of hatching lines in pixels.

Type: Number
Default Value: 2