React Chart - commonSeriesSettings.hoverStyle.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.
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.
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.
If you have technical questions, please create a support ticket in the DevExpress Support Center.