hatching

Configures hatching that applies when a user points to 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 points to 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.

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.75

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