Vue Chart - series.selectionStyle.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: '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 option when the widget is used as an ASP.NET MVC 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 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