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.v18.2.dll
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 |
|---|---|
| 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 |
|
| BootstrapChartAxisSettings |
|
| BootstrapChartAxisSettingsBase |
|
| BootstrapChartValueAxis |
|
| BootstrapPolarChartArgumentAxis |
|
| BootstrapPolarChartAxisSettingsBase |
|
| BootstrapPolarChartValueAxis |
|
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.
- OverlappingBehavior.None - Leave the labels overlapped.
- OverlappingBehavior.Hide - Hide certain axis labels leaving more space for the others.
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.
- OverlappingBehavior.Stagger - Arrange labels in a staggered manner. The spacing between label rows will be 5 pixels.
- OverlappingBehavior.Rotate - Rotate labels so that they are perpendicular to the axis.
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.