Vue PolarChart - series.selectionStyle.hatching

Specifies the hatching properties to be applied when a series is selected.

Type:

Object

This member is exposed by the following entities:

Within this object, you can specify how to apply hatching using the direction property, the width and opacity of lines with the width and opacity properties, and the space between the lines using the step property.

direction

Specifies how to apply hatching to highlight a selected series.

Type:

String

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

The following values are available.

  • none
    Do not apply hatching.
  • right
    Apply an upward diagonal hatching style from left to right.
  • left
    Apply a downward diagonal hatching style 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 the opacity of hatching lines.

Type:

Number

Default Value: 0.5

step

Specifies the distance between hatching lines in pixels.

Type:

Number

Default Value: 6

width

Specifies the width of hatching lines in pixels.

Type:

Number

Default Value: 2