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.v20.2.dll

Declaration

[DefaultValue(OverlappingBehavior.Hide)]
public OverlappingBehavior OverlappingBehavior { get; set; }
<DefaultValue(OverlappingBehavior.Hide)>
Public Property OverlappingBehavior As OverlappingBehavior

Property Value

Type Default Description
OverlappingBehavior

Hide

One of the OverlappingBehavior enumeration values.

Available values:

Name Description
EnlargeTickInterval

A deprecated value.

Ignore

A deprecated value.

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
BootstrapChartArgumentAxis
.Label.OverlappingBehavior
BootstrapChartAxisSettings
.Label.OverlappingBehavior
BootstrapChartAxisSettingsBase
.Label.OverlappingBehavior
BootstrapChartValueAxis
.Label.OverlappingBehavior
BootstrapPolarChartArgumentAxis
.Label.OverlappingBehavior
BootstrapPolarChartAxisSettingsBase
.Label.OverlappingBehavior
BootstrapPolarChartValueAxis
.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