Axis Appearance and Position

  • 2 min to read

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.

    Axis_Reverse_True

  • 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.

    Axes_Alignment

  • The color of an axis is determined by the Axis2D.Color property, and its thickness (in pixels) - by the Axis2D.Thickness property.

    AxisColor

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