Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 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

Series.AxisX Property

Gets or sets an axis X for the series. This is a bindable property.

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts

#Declaration

C#
public AxisX AxisX { get; set; }

#Property Value

Type Description
AxisX

The DateTimeAxisX, NumericAxisX, or QualitativeAxisX object that specifies the axis X for a series, depending on the series argument type.

#Remarks

A chart contains two axes: an axis of arguments (X-axis) and a numeric axis of values (Y-axis). You can set them with the ChartView.AxisX and ChartView.AxisY properties.

At the chart level, you can specify a single axis X and a single axis Y. In some scenarios, these two axes are not enough. For example, it’s required to display series of different ranges of values on the same chart, or have different arguments or values within a single diagram. In these cases, to increase data readability, you can associate each series on your chart with a separate axis. To do this, use the Series.AxisX or Series.AxisY properties.

Several series can share an axis. To achieve that, first add an axis object to the resource dictionary, and then assign it to the AxisX or AxisY property of all required series.

To change the position and layout of an axis, use its DisplayPosition and Layout properties.

#Example

If you plot a chart where one series displays large values, trends in other series will become harder to analyze. To increase data readability, enable a separate axis for the series with smaller values.

Multiple Axes

<dxc:ChartView>
    <dxc:ChartView.Series>
        <dxc:LineSeries>
            <!--...-->
        </dxc:LineSeries>

        <dxc:LineSeries>
            <dxc:LineSeries.AxisY>
                <dxc:NumericAxisY GridAlignment="2" Position="Far">
                    <dxc:NumericAxisY.Style>
                        <dxc:AxisStyle LineVisible="True" LineThickness="2" LineColor="#ff4f85"/>
                    </dxc:NumericAxisY.Style>
                </dxc:NumericAxisY>
            </dxc:LineSeries.AxisY>
            <!--...-->
        </dxc:LineSeries>
    </dxc:ChartView.Series>

    <dxc:ChartView.AxisY>
        <dxc:NumericAxisY GridAlignment="200">
            <dxc:NumericAxisY.Style>
                <dxc:AxisStyle LineVisible="True" LineThickness="2" LineColor="#41bef4"/>
            </dxc:NumericAxisY.Style>
        </dxc:NumericAxisY>
    </dxc:ChartView.AxisY>
</dxc:ChartView>
See Also