Being an essential part of most chart types, the Axis can perform the following functions:
Height: Represents the height of the Axis in percentage relative to the overall chart height. This property is applicable to the horizontal axis.
MaxHeight: Represents the maximum height of the Axis in percentage relative to the overall chart height. This property applies to the horizontal axis and its default value is 100%.
MaxWidth: Represents the maximum width of the Axis in percentage relative to the overall chart width. This property applies to the vertical axis and its default value is 100%.
Width: Represents width of the Axis in percentage relative to the overall chart width. This property applies to the vertical axis.
See the section Set Position of Axis to know about customizing the position of Y-axis.
AxisType: Designates the type of Axis, whether be it X or Y.
DateMode: Axis Date mode to set the size of the time span of the axis. This property works only in these charts when they do not have any categories: Bar, Scatter, Line, Area, Range area, Range bar, Text, Funnel, Pyramid, HLOC, Candlestick, Pie, and Donut.
Plots: Designates the plot in which the X or Y axis exists.
Format: Represents the formatting string used for rendering dates and numbers.
LabelRowCount: Sets the number of rows for axis labels, ranging from 1 to 10 for a multi-row arrangement. This property is supported in Column, Area, Line, Scatter, Bubble, Candlestick, High Low Close, High Low Open Close, Range Column, and Range Area charts, for X-Axis.
LabelsAngle: Represents the rotation angle of axis labels in degrees.
LabelsStyle: Represents the style of the axis labels
ShowLabels: Indicate whether to show or hide axis labels.
Origin: Represents the value or ordinal number at which both the axes cross each other.
Overlapping: Indicates whether the labels can be overlapped.
Position: Indicates the axis position.
Reversed: Indicates whether the axis is reversed from top to bottom, or left to right.
LineStyle: Select the style of the line.
ShowLine: Indicates whether or not to show the line.
MajorGridInterval: Number of units between the major axis ticks.
MajorGridStyle: Style of the major gridline.
MajorTickMark: Location of the major grid tick marks, inside the plot area, outside the plot area, or across the axis.
MajorTickSize: Length of the major grid tick marks.
MajorTickStyle: Style of the major grid ticks.
ShowMajorGrid: Indicates whether or not to show the major gridlines.
MinorGridInterval: Number of units between minor axis ticks.
MinorGridStyle: Style of the minor grid line.
MinorTickMark: Location of the minor grid line tick marks, inside the plot area, outside the plot area, or across the axis.
MinorTickSize: Length of the minor gridline tick marks.
MinorTickStyle: Style of the minor grid ticks.
ShowMinorGrid: Indicates whether or not to show the minor gridlines.
LogarithmicBase: Represents the axis logarithmic base for logarithmic scale.
Max: Shows the maximum axis value.
Min: Shows the minimum axis value.
Scale: Represents the scale of the axis.
Title: Represents the title of the axis.
TitleStyle: Represents the styling of the Axis Title.
A set of four properties for the X and Y axes - Width, MaxWidth, Height, and MaxHeight help users to control the position of the axes by specifying the height and width values for the X and Y axes, and their corresponding maximum values up to which the axes can grow. If the length of the data labels and titles in a chart exceeds the specified maximum height and width, labels are clipped-off. These properties are used to align a chart with the other controls or data regions.
Note that when a user does not specify these properties, the height and width for the chart axes are calculated automatically depending on the bound data. If the user wants to set the exact Y-axis position, the 'Width' and 'MaxWidth' properties should be set to one value. This value should be found by the user at design time.
Let us see how to align the vertical axis of a Chart data region relative to a Textbox control on the same page. The below image shows how the chart appears with the following properties set for the vertical axis.
The steps to set the Y-Axis position of the chart are as follows.
The below image shows how the vertical axis of the chart is aligned with the textbox after the 'Width' property is set to a suitable value observed at the design time:
