React Chart - commonAxisSettings.label.overlappingBehavior
When axis labels overlap each other, you can rearrange them by setting the overlappingBehavior option. Depending on whether an axis is horizontal or vertical, this option accepts different values.
The following values can be specified for both horizontal and vertical axes.
- hide
Hides certain axis labels leaving more space for the others. - none
Leaves axis labels overlapped.
The following values can be specified for horizontal axes only.
- rotate
Rotates axis labels through the angle specified by the rotationAngle option. - stagger
Arranges axis labels in two rows in a staggering manner. An empty space between the rows is specified by the staggeringSpacing option.
When using the widget as an ASP.NET MVC Control, specify this option using the OverlappingBehavior
enum. This enum accepts the following values: Stagger
, Rotate
, Hide
and None
.
See Also
staggeringSpacing
Use the staggeringSpacing property instead.
Adds a pixel-measured empty space between two staggered rows of axis labels. Applies only if the mode option is "stagger".
If you have technical questions, please create a support ticket in the DevExpress Support Center.