DxChartArgumentAxis Class
Defines a chart’s argument axis.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.1.dll
Declaration
public class DxChartArgumentAxis :
DxChartAxis<ChartArgumentAxisModel>
Remarks
You can add the following child components to the argument axis:
- DxChartAxisLabel - Defines settings for axis labels.
- DxChartConstantLine - Specifies an axis constant line.
- DxChartAxisTitle - Defines an axis title.
The image below shows axis elements:
<DxChart>
...
<DxChartArgumentAxis>
<DxChartAxisLabel Format="ChartElementFormat.MonthAndDay" Visible="true"/>
<DxChartConstantLine Value="@("2019-Dec-31")">
<DxChartConstantLineLabel VerticalAlignment="VerticalAlignment.Top"
Position="RelativePosition.Inside"/>
</DxChartConstantLine>
<DxChartAxisTitle Text="Date" HorizontalAlignment="HorizontalAlignment.Left"/>
</DxChartArgumentAxis>
...
</DxChart>
The table below lists the properties that allow you to configure the argument axis:
Property | Description |
---|---|
ArgumentType | Specifies whether and how to cast arguments that come from the assigned data source. |
Type | Specifies an axis type. |
SideMarginsEnabled | Specifies whether the component should add margins between the outermost series points and the chart boundaries. |
EndOnTick | Specifies whether an axis should start and end on ticks. |
Alignment | Specifies the pane edge next to which to place an axis. |
Inverted | Specifies whether an axis is inverted. |
Offset | Specifies the shift of an axis. |
CustomPosition | Specifies the position of an axis on another axis. |
CustomPositionAxisName | Specifies the name of the value axis that the argument axis intersects on the CustomPosition value. |
WorkdaysOnly | Specifies whether the chart displays only workdays on the axis. |
WorkWeek | Specifies week days that DxChart treats as workdays. |
WorkDates | Specifies dates that DxChart treats as workdays. |
Holidays | Specifies dates that DxChart marks as holidays. |
<DxChart Data="@forecasts">
<DxChartTitle Text="Weather Forecast">
<DxChartSubTitle Text="(10 days)" />
</DxChartTitle>
<DxChartArgumentAxis ArgumentType="ChartAxisDataType.DateTime"
Type="ChartAxisType.Continuous"
SideMarginsEnabled="false"
EndOnTick="true">
<DxChartAxisTitle Text ="Date" />
<DxChartAxisLabel Format="ChartElementFormat.ShortDate" />
</DxChartArgumentAxis>
@*...*@
<DxChartBarSeries ArgumentField="@((WeatherForecast i) => i.Date)"
ValueField="@((WeatherForecast i) => i.Precipitation)"
Name="Precipitation">
</DxChartBarSeries>
<DxChartLineSeries ArgumentField="@((WeatherForecast i) => i.Date)"
ValueField="@((WeatherForecast i) => i.TemperatureC)"
Name="Temperature"
Axis="Temperature">
</DxChartLineSeries>
@*...*@
</DxChart>
The DxChart
component can contain several argument axes but the Chart can display only the last created axis.
Inheritance
Object
ComponentBase
DxSettingsComponent<DevExpress.Blazor.Internal.ChartArgumentAxisModel>
DxComplexSettingsComponent<DxChartAxisBase<DevExpress.Blazor.Internal.ChartArgumentAxisModel>, DevExpress.Blazor.Internal.ChartArgumentAxisModel>
DxChartAxisBase<DevExpress.Blazor.Internal.ChartArgumentAxisModel>
DxChartAxis<DevExpress.Blazor.Internal.ChartArgumentAxisModel>
DxChartArgumentAxis
See Also