React PieChart - commonSeriesSettings.hoverStyle.hatching

Specifies the hatching options to be applied when a point is hovered over.

Type:

Object

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

direction

Specifies how to apply hatching to highlight the hovered point.

Type:

String

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

When using the widget as an ASP.NET MVC Control, specify this option using the HatchingDirection enum. This enum accepts the following values: Right, Left and None.

opacity

Specifies the opacity of hatching lines.

Type:

Number

Default Value: 0.75

step

Specifies the distance between two hatching lines in pixels.

Type:

Number

Default Value: 10

width

Specifies the width of hatching lines in pixels.

Type:

Number

Default Value: 4