DxChartAxisLabel.DisplayMode Property
Specifies how the chart displays axis labels.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
[DefaultValue(ChartAxisLabelDisplayMode.Standard)]
[Parameter]
public ChartAxisLabelDisplayMode DisplayMode { get; set; }
#Property Value
Type | Default | Description |
---|---|---|
Chart |
Standard | A Chart |
Available values:
Name | Description |
---|---|
Rotate | Rotates axis labels at the angle specified by the Rotation |
Stagger | Arranges axis labels in two staggered rows. Use the Staggering |
Standard | Does not change the default arrangement of axis labels. |
#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:
<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>