Skip to main content
All docs
V25.1
  • DevExpress v25.1 Update — Your Feedback Matters

    Our What's New in v25.1 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

    Take the survey Not interested

    ChartAxisLabelDisplayMode Enum

    Lists values that specify how the chart displays axis labels.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    #Declaration

    C#
    public enum ChartAxisLabelDisplayMode

    #Members

    Name Description
    Rotate

    Rotates axis labels at the angle specified by the RotationAngle property.

    Stagger

    Arranges axis labels in two staggered rows. Use the StaggeringSpacing property to specify the empty space between rows.

    Standard

    Does not change the default arrangement of axis labels.

    #Related API Members

    The following properties accept/return ChartAxisLabelDisplayMode values:

    #Remarks

    Use the DisplayMode property to specify how the chart displays axis labels. Note that this property value applies to horizontal axes only.

    The following example arranges axis labels in two staggered rows:

    Razor
    <DxChart Data="@WeatherForecasts">
        <DxChartTitle Text="Annual Weather in New York" />
        <DxChartLineSeries SummaryMethod="@(i => i.Average())"
                           Color="@Color.Gray"
                           ValueField="@((DetailedWeatherSummary i) => i.AverageTemperatureF)"
                           ArgumentField="@(i => new DateTime(2000, i.Date.Month, 1))"
                           Name="Temperature, °F"
                           Filter="@((DetailedWeatherSummary  i) => i.City == "NEW YORK")">
            @* ... *@
        </DxChartLineSeries>
        <DxChartLegend Visible="false" />
        <DxChartValueAxis>
            <DxChartAxisTitle Text="Temperature, °F" />
        </DxChartValueAxis>
        <DxChartArgumentAxis>
            <DxChartAxisLabel Format="ChartElementFormat.Month"
                              DisplayMode="ChartAxisLabelDisplayMode.Stagger"
                              StaggeringSpacing="10" />
        </DxChartArgumentAxis>
    </DxChart>
    

    DxChartAxisLabel - StaggeringSpacing

    See Also