How to: Configure Resolve Overlapping for Axis Labels

Jun 07, 2019

This example demonstrates how to configure resolving overlapping axis labels.

To do this, use the following parameters of Axis2D.ResolveOverlappingOptions.

The AxisLabelResolveOverlappingOptions.AllowHide property allows you to specify a value indicating whether to hide axis labels when resolving overlapping.
The AxisLabelResolveOverlappingOptions.AllowRotate property allows you to specify a value indicating whether to rotate axis labels when resolving overlapping.
The AxisLabelResolveOverlappingOptions.AllowStagger property allows you to specify a value indicating whether to stagger axis labels when resolving overlapping.
The AxisLabelResolveOverlappingOptions.MinIndent property allows you to specify the minimum indent between adjacent axis labels when an overlap resolution algorithm is applied to them.

MainWindow.xaml

xaml

<dxc:XYDiagram2D.AxisX>
    <dxc:AxisX2D>
        <dxc:AxisX2D.DateTimeScaleOptions>
            <dxc:ManualDateTimeScaleOptions
                        MeasureUnit="Hour"
                        GridAlignment="Hour"
                        GridSpacing="6"
                        AutoGrid="False" />
        </dxc:AxisX2D.DateTimeScaleOptions>
        <dxc:AxisX2D.Label>
            <dxc:AxisLabel TextPattern="{}{A:dd/MM HH:mm}">
                <dxc:Axis2D.ResolveOverlappingOptions>
                    <dxc:AxisLabelResolveOverlappingOptions
                                AllowHide="True"
                                AllowRotate="True"
                                AllowStagger="True"
                                MinIndent="5" />
                </dxc:Axis2D.ResolveOverlappingOptions>
            </dxc:AxisLabel>
        </dxc:AxisX2D.Label>
    </dxc:AxisX2D>
</dxc:XYDiagram2D.AxisX>