[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Collapse]WPF Controls
  Prerequisites
 [Expand]What's Installed
 [Expand].NET Core 3 Support
 [Expand]Common Concepts
 [Expand]MVVM Framework
 [Collapse]Controls and Libraries
   Reporting
  [Expand]Data Grid
  [Expand]Ribbon, Bars and Menu
  [Collapse]Charts Suite
   [Collapse]Chart Control
    [Expand]Getting Started
    [Expand]Fundamentals
    [Expand]Providing Data
    [Collapse]Chart Elements
     [Expand]Diagram
     [Expand]Series
     [Expand]Panes
     [Collapse]Axes
       Primary and Secondary Axes
       Axis Scale Types
       Whole and Visual Ranges
       Axis Layout and Appearance
       Axis Labels
       Axis Titles
       Constant Lines
       Strips
       Scale Breaks
       Tickmarks, Grid Lines, and Interlacing
      Legends
      Chart Titles
      Annotations
    [Expand]Appearance Customization
    [Expand]End-User Features
    [Expand]Design-Time Features
    [Expand]Examples
    [Expand]Additional Resources
   [Expand]Chart3D Control
  [Expand]Pivot Grid
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Tree List
  [Expand]Gauge Controls
  [Expand]Map Control
  [Expand]Layout Management
  [Expand]Windows Modern UI
  [Expand]Printing-Exporting
  [Expand]Data Editors
  [Expand]Navigation Controls
  [Expand]Spell Checker
  [Expand]Property Grid
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Gantt Control
  [Expand]Diagram Control
  [Expand]Windows and Utility Controls
   Dialogs, Notifications and Panels
  [Expand]Scheduler (legacy)
 [Expand]Scaffolding Wizard
 [Expand]Localization
  Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Axis Layout and Appearance

This topic describes how to modify an axis's layout and change its color and thickness. See the Tickmarks, Grid Lines, and Interlacing document for information on how to customize axis tickmarks' and grid lines' appearance.

This document consists of the following sections:

Expanded 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

Use the following example to display a y-axis's labels in reverse order:

The code above uses the following properties:

Property Description
Axis2D.Reverse Gets or sets a value indicating whether the axis is reversed. This is a dependency property.

Expanded 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 property. This property allows you to set the Near (primary axes' default position) or Far (secondary axes' default position) axis alignment. The following images demonstrate different y-axis alignments:

Axis2D.Alignment = Near Axis2D.Alignment = Far

The example below shows how to set the Far alignment for a y-axis:

The following table lists the properties that the code above uses:

Property Description
Axis2D.Alignment Gets or sets the axis's alignment. This is a dependency property.

Expanded How to Customize Axis Appearance

You can modify an axis's thickness and the brush that is used to draw the axis.

The markup below shows how to modify the x-axis's appearance as shown in the previous image:

The following table lists properties that you can use to customize an axis's appearance:

Property Description
Axis2D.Brush Gets or sets the axis's color.
Axis2D.Thickness Gets or sets the axis's thickness.

You can also use DevExpress themes to modify chart elements' appearance. Refer to Themes for information on how to apply a theme to an application.

Expanded See Also

Is this topic helpful?​​​​​​​