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.

View Example

MainWindow.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>