Skip to main content

BootstrapChartAxisLabelSettings.OverlappingBehavior Property

Specifies how to arrange axis labels when there is not enough space to keep all of them.

Namespace: DevExpress.Web.Bootstrap

Assembly: DevExpress.Web.Bootstrap.v24.1.dll

NuGet Package: DevExpress.Web.Bootstrap

Declaration

[DefaultValue(OverlappingBehavior.Hide)]
public OverlappingBehavior OverlappingBehavior { get; set; }

Property Value

Type Default Description
OverlappingBehavior Hide

One of the OverlappingBehavior enumeration values.

Available values:

Name Description
Rotate

Rotate labels so that they are perpendicular to the axis.

Stagger

Arrange labels in a staggered manner.

Hide

Hides certain axis labels leaving more space for the others.

None

Leaves axis labels overlapped.

Property Paths

You can access this nested property as listed below:

Object Type Path to OverlappingBehavior
BootstrapChartAxisSettingsBase
.Label .OverlappingBehavior

Remarks

When labels overlap each other, you can specify how these labels will be displayed by setting the OverlappingBehavior property. The values accepted by this property depend on whether an axis is horizontal or vertical.

Note

The argument axis is horizontal and the value axis is vertical, by default. To swap the axes, set the BootstrapChart.Rotated property to true.

The following values can be specified for horizontal axes only.

The following values can be specified for both horizontal and vertical axes. These modes are always applied regardless of whether or not there is a label overlap.

To set custom spacing between staggered rows or the custom rotation angle for the Stagger and Rotate modes, set the BootstrapChartAxisLabelSettings.StaggeringSpacing or BootstrapChartAxisLabelSettings.RotationAngle property to the required value.

See Also