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.

Use the HatchingDirection enum to specify this option when the widget 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.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

Feedback

Was this page helpful?

Thanks for your feedback!
Any other suggestions? Tell us here.

Additional Feedback

General Information

.NET Subscription

Common Tools

Quality Assurance and Productivity

Desktop

Controls

Tools

Frameworks and Libraries

Web

Controls and Extensions

Tools

Maintenance Mode

Mobile

Enterprise and Analytic Tools

End-User Documentation

General Information

.NET Subscription

Common Tools

Quality Assurance and Productivity

Desktop

Controls

Tools

Frameworks and Libraries

Web

Controls and Extensions

Tools

Maintenance Mode

Mobile

Enterprise and Analytic Tools

End-User Documentation

JavaScript/jQuery PieChart - commonSeriesSettings.hoverStyle.hatching

direction

opacity

step

width