# Axis Layout and Appearance | WPF Controls | DevExpress Documentation This topic describes how to modify an [axis](/WPF/6334/controls-and-libraries/charts-suite/chart-control/axes/axes)‘s layout and change its color and thickness. See the [Tickmarks, Grid Lines, and Interlacing](/WPF/6337/controls-and-libraries/charts-suite/chart-control/axes/tickmarks-grid-lines-and-interlacing) document for information on how to customize axis tickmarks’ and grid lines’ appearance. ## How to Reverse an Axis Labels’ Order The Chart Control labels an x-axis from left to right, and a y-axis from bottom to top. You can reverse an x-axis to label it from right to left, and a y-axis from top to bottom. The following images show a y-axis’s labels in the default and reversed order: | Default labels’ order | Reversed labels’ order | | --- | --- | | ![chart-axis-reverse-false](/WPF/images/chart-axis-reverse-false133275.png) | ![chart-reversed-axis](/WPF/images/chart-reversed-axis133277.png) | Use the following example to display a y-axis’s labels in reverse order: ### Markup - XAML

<dxc:XYDiagram2D.AxisY>
      <dxc:XYDiagram2D.AxisY>
            <dxc:AxisY2D Reverse="True"/>
      </dxc:XYDiagram2D.AxisY>
      <!-- Other diagram settings. -->
</dxc:XYDiagram2D>

### Code - XAML

<dxc:XYDiagram2D x:Name="diagram">
    <!--...-->
</dxc:XYDiagram2D>

- C# - VB.NET

using DevExpress.Xpf.Charts;

public MainWindow() {
    //...
    diagram.AxisY = new AxisY2D { Reverse = true };
}

Imports DevExpress.Xpf.Charts
Public Sub New()
    '...
    diagram.AxisY = New AxisY2D With {
            .Reverse = True
        }
End Sub

## How to Change an Axis Position You can display an x-axis on the bottom or top of a chart’s plot area, and a y-axis on the left or right. To change an axis’s position, use the [Axis2D.Alignment](/WPF/DevExpress.Xpf.Charts.Axis2D.Alignment) property. The following images demonstrate different axis alignments: | Value | The Example Image | | --- | --- | | Center | ![Axis alignment - Center](/WPF/images/chart-control/axis-alignment--center.png) | | Far | ![Axis alignment - Far](/WPF/images/chart-control/axis-alignment--far.png) | | Near | ![Axis alignment - Near](/WPF/images/chart-control/axis-alignment--near.png) | | Zero | ![Axis alignment - Zero](/WPF/images/chart-control/axis-alignment--zero.png) | The example below shows how to set the Far alignment for a y-axis: ### Markup - XAML

<dxc:XYDiagram2D>
      <dxc:XYDiagram2D.AxisY>
            <dxc:AxisY2D Alignment="Far"/>
      </dxc:XYDiagram2D.AxisY>
      <!-- Other diagram settings. -->
</dxc:XYDiagram2D>

### Code - XAML

<dxc:XYDiagram2D x:Name="diagram">
    <!--...-->
</dxc:XYDiagram2D>

- C# - VB.NET

using DevExpress.Xpf.Charts;

public MainWindow() {
    //...
    diagram.AxisY = new AxisY2D { Alignment = AxisAlignment.Far };
}

Imports DevExpress.Xpf.Charts
Public Sub New()
    '...
    diagram.AxisY = New AxisY2D With {
            .Alignment = AxisAlignment.Far
        }
End Sub

## How to Customize Axis Appearance You can modify an axis’s thickness and the brush that is used to draw the axis. ![WPF_AxisAppearance](/WPF/images/wpf_axisappearance120915.png) The markup below shows how to modify the x-axis’s appearance as shown in the previous image: ### Markup - XAML

<dxc:XYDiagram2D>
    <dxc:XYDiagram2D.AxisX>
        <dxc:AxisX2D Brush="Gray" 
                     Thickness="3"/>
    </dxc:XYDiagram2D.AxisX>
    <!-- Other diagram settings. -->
</dxc:XYDiagram2D>

### Code - XAML

<dxc:XYDiagram2D x:Name="diagram">
    <!--...-->
</dxc:XYDiagram2D>

- C# - VB.NET

using DevExpress.Xpf.Charts;
using System.Windows.Media;

public MainWindow() {
    //...
    diagram.AxisX = new AxisX2D { Brush = Brushes.Gray, Thickness = 3 };
}

Imports DevExpress.Xpf.Charts
Imports System.Windows.Media

Public Sub New()
    '...
    diagram.AxisX = New AxisX2D With {
            .Brush = Brushes.Gray,
            .Thickness = 3
        }
End Sub

You can also use DevExpress [themes](/WPF/7407/common-concepts/themes/theme-list) to modify chart elements’ appearance. Refer to [Themes](/WPF/7406/common-concepts/themes) for information on how to apply a theme to an application. See Also [Tickmarks, Grid Lines, and Interlacing](/WPF/6337/controls-and-libraries/charts-suite/chart-control/axes/tickmarks-grid-lines-and-interlacing) [Axis Labels](/WPF/6336/controls-and-libraries/charts-suite/chart-control/axes/axis-labels) [How to: Show or Hide an Axis in a Multi-Pane Chart](/WPF/11173/controls-and-libraries/charts-suite/chart-control/examples/chart-elements/how-to-show-or-hide-an-axis-in-a-multi-pane-chart)