[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Collapse]Chart Control
   [Expand]Product Information
   [Expand]Getting Started
    [Expand]Creating Charts
    [Collapse]Chart Elements
       Axes Overview
       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
       Constant Lines
       Scale Breaks
     [Expand]Chart Titles
    [Expand]End-User Interaction
     Supported Browsers
     Adding a Web Chart
     Handling Client-side Scripts
     Medium Trust Support
     Web Farm and Web Gardens Support
   [Expand]Design-Time Features
   [Expand]Visual Elements
  [Expand]Pivot Grid
  [Expand]Rich Text Editor
  [Expand]Site Navigation and Layout
  [Expand]HTML Editor
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[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]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

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 the ASP.NET Chart Control.

The overall appearance of a chart is determined by the following properties set: WebChartControl.AppearanceName, WebChartControl.PaletteName and WebChartControl.PaletteBaseColorNumber. They affect the chart's complete appearance, including its diagram, legend and, in particular, axes.

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

  • To rotate 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 image demonstrates a chart with two primary and two secondary axes, with various alignment settings.

  • 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?​​​​​​​