[Expand]General Information
[Collapse]WinForms Controls
  .NET Core Support
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications, and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Property Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Gantt Control
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Charting Basics
   [Expand]Series Views
   [Collapse]Chart Elements
     [Expand]Diagram Types
       Axis Scale Types
       Whole and Visual Axis Ranges
       Primary and Secondary Axes
       Grid Lines, Tickmarks and Interlacing
       Axis Appearance and Position
       Axis Titles
       Axis Labels
       Constant Lines
       Scale Breaks
     Chart Titles
   [Expand]Providing Data
   [Expand]Data Representation
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Additional Resources
  [Expand]Map Control
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]PDF Viewer
  [Expand]TreeMap Control
  [Expand]Sunburst Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Report and Dashboard Server
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[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 Appearance and Position

This document briefly describes how to rotate an axis, and how to change the color, thickness and alignment of an axis. Before reading this text, it may be useful to review the basics of using Axes in XtraCharts.

The overall appearance of a chart is determined by it's the following properties: ChartControl.AppearanceName, ChartControl.PaletteName and ChartControl.PaletteBaseColorNumber. They affect the chart's complete appearance, including its Diagram, legend and, in particular, Axes.

However, it's possible to manually customize an axis' appearance (be it a primary, or a secondary axis) in the ways listed below.

  • To reverse an axis (along with series which are associated with it), use the Axis.Reverse property.

  • To position an axis within a chart's diagram, use the Axis2D.Alignment property. For all types of axes (primary and secondary), you can define the Near and Far alignment. For the primary axes, there is a special option (Zero), which places the axis exactly where the zero level of another primary axis is.

    The following images demonstrate the possible alignment of axes.

    The property value The resulting image
    Axis2D.Alignment = Near
    Axis2D.Alignment = Far
    Axis2D.Alignment = Zero
  • The color of an axis is determined by the Axis2D.Color property, and its thickness (in pixels) - by the Axis2D.Thickness property.

  • To show or hide an axis, use the Axis2D.Visibility property. And, to control its visibility in Panes, use the Axis2D.VisibilityInPanes property.

Expanded See Also

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