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

AxisBase.Layout Property

Gets or sets the axis layout settings. This is a bindable property.

Namespace: DevExpress.Maui.Charts

Assembly: DevExpress.Maui.Charts.dll

NuGet Package: DevExpress.Maui.Charts

#Declaration

C#
public AxisLayout Layout { get; set; }

#Property Value

Type Description
AxisLayout

Axis layout settings.

#Example

This example fits two series of different types into one chart. Create a new AxisLayout object, set its Anchor1 and Anchor2 properties to number values from 0 to 1, and assign it to the Layout property of the axis.

<dxc:ChartView>
    <dxc:ChartView.Series>
        <dxc:CandleStickSeries>
            <!--...-->   
        </dxc:CandleStickSeries>
        <dxc:BarSeries>
            <dxc:BarSeries.AxisY>
                <dxc:NumericAxisY AlwaysShowZeroLevel="false">
                    <dxc:NumericAxisY.Layout>
                        <dxc:AxisLayout Anchor1="0"
                                        Anchor2="0.2" />
                        <!--If you set Anchor1="0.2" and Anchor2="0" the result will be the same.-->
                    </dxc:NumericAxisY.Layout>
                    <dxc:NumericAxisY.Label>
                        <dxc:AxisLabel Position="Outside"
                                       TextFormat="#M"/>
                    </dxc:NumericAxisY.Label>
                </dxc:NumericAxisY>
            </dxc:BarSeries.AxisY>
        </dxc:BarSeries>
    </dxc:ChartView.Series>

    <dxc:ChartView.AxisY>
        <dxc:NumericAxisY AlwaysShowZeroLevel="false">
            <dxc:NumericAxisY.Layout>
                <dxc:AxisLayout Anchor1="0.3"
                                Anchor2="1" />
            </dxc:NumericAxisY.Layout>
            <dxc:NumericAxisY.Label>
                <dxc:AxisLabel Position="Outside"
                               TextFormat="$#"/>
            </dxc:NumericAxisY.Label>
        </dxc:NumericAxisY>
    </dxc:ChartView.AxisY>
    <dxc:ChartView.AxisX>
        <!--...-->
    </dxc:ChartView.AxisX>
</dxc:ChartView>
See Also