[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [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
  [Collapse]Chart Control
   [Expand]Getting Started
   [Expand]Charting Basics
   [Expand]Series Views
   [Collapse]Chart Elements
     Breadcrumbs
    [Expand]Series
    [Collapse]Diagram
     [Expand]Diagram Types
     [Collapse]Axes
       Axis Scale Types
       Visual Ranges and Whole Ranges
       Primary and Secondary Axes
       Grid Lines, Tickmarks and Interlacing
       Axis Appearance and Position
       Axis Titles
       Axis Labels
       Strips
       Constant Lines
       Scale Breaks
     [Expand]Panes
     Chart Titles
    [Expand]Legends
    [Expand]Annotations
   [Expand]Providing Data
   [Expand]Data Representation
   [Expand]Appearance Customization
   [Expand]End-User Features
   [Expand]Design-Time Features
   [Expand]Visual Elements
   [Expand]Examples
   [Expand]Additional Resources
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Expand]Scheduler
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [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]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 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?​​​​​​​