# Axis Elements

Get started with MultiSelect, a WinForms control that makes selecting multiple objects from a list or a collection of selected items easy. See more in documentation here.

## Content

A chart axis includes elements such as the **axis title**, **scale**, **tick marks**, **gridlines**, and **units.** **FlexChart** provides properties for configuring these elements and controlling how data appears in the chart.
![C1WinForms FlexChart - elements in axis](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/axiselements.png)

***

## Axis Scale

Axis scale determines how values are distributed along an axis. **FlexChart** calculates the scale automatically based on the supplied data.
Use the following properties to configure the scale:

* [Min](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Min.html) \- specifies the minimum axis value\.
* [Max](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Max.html) \- specifies the maximum axis value\.
* [MajorUnit](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MajorUnit.html) \- specifies the interval between major axis divisions\.

>type=note
> Note: Axis scale applies to value axes, not categorical axes.

```auto
//Setting axis bounds
this.flexChart1.AxisY.Max = 150;
this.flexChart1.AxisY.Min = 90;
this.flexChart1.AxisY.MajorUnit = 15;                        
```

```auto
' Setting axis bounds
me.flexChart1.AxisY.Max = 150
me.flexChart1.AxisY.Min = 90
me.flexChart1.AxisY.MajorUnit = 15
```

***

## Axis Title

An axis title appears next to an axis and describes the data represented by that axis.
Set the title through the [Axis.Title](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Title.html) property. Use [Axis.TitleStyle](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.TitleStyle.html) to customize its appearance.
The following image shows titles applied to the X-axis and Y-axis.
![C1WinForms FlexChart - title apperance demo](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/image-20260701.8ea2d4.png)

>type=note
> Note: The axis-title examples use the code and data source described in [Quick Start](/componentone/docs/win/online-flexchart/quick-start).

```csharp
flexChart1.AxisX.Title = "Date";
flexChart1.AxisY.Title = "Revenue";                  
```

```vbnet
flexChart1.AxisX.Title = "Date"
flexChart1.AxisY.Title = "Revenue"
```

### Rotate an Axis Title

Use the [TitleAngle](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.TitleAngle.html) property to rotate an axis title relative to the axis line. The property accepts values from `-90` through `90` degrees and rotates the title counterclockwise by the specified angle.
![C1WinForms FlexChart - reversed title apperance using titleangle demo](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/image-20260701.9a51a3.png)

```auto
// Rotate the title counter-clockwiseflexChart1.AxisX.TitleAngle = 90;
flexChart1.AxisY.TitleAngle = 45; 
```

```auto
'Rotate the title counter-clockwiseflexChart1.AxisX.TitleAngle = 90
flexChart1.AxisY.TitleAngle = 45
```

### Style an Axis Title

Use the [TitleStyle](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.TitleStyle.html) property to configure the appearance of an axis title, including its font.
The following image shows custom styling applied to the axis titles.
![C1WinForms FlexChart - apperance after using titlestyle demo](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/image-20260701.3b8047.png)

```auto
flexChart1.AxisX.TitleStyle.Font = new Font(flexChart1.Font.FontFamily, 16);
flexChart1.AxisY.TitleStyle.Font = new Font(flexChart1.Font.FontFamily, 16);
```

```auto
flexChart1.AxisX.TitleStyle.Font = new Font(flexChart1.Font.FontFamily, 16)
flexChart1.AxisY.TitleStyle.Font = new Font(flexChart1.Font.FontFamily, 16)
```

***

## Axis Units

**FlexChart** automatically calculates major and minor axis units when data is bound to the chart.
Use the following properties to modify the intervals:

* [Axis.MajorUnit](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MajorUnit.html) specifies the interval between major axis divisions.
* [Axis.MinorUnit](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MinorUnit.html) specifies the interval between minor axis divisions.

For a `DateTime` axis, use the [TimeUnit](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.TimeUnit.html) property to specify a time interval such as day, week, month, quarter, or year. The property accepts values from the `TimeUnits` enumeration.
For example, to use a three-month major interval, set `TimeUnit` to `Month` and `MajorUnit` to `3`.

```csharp
//Setting MajorUnit and MinorUnit property to specify number of units between each axis label
this.flexChart1.AxisY.MajorUnit = 50;
this.flexChart1.AxisY.MinorUnit = 20;                       
```

```vbnet
'Setting MajorUnit and MinorUnit property to specify number of units between each axis label
Me.flexChart1.AxisY.MajorUnit = 50
Me.flexChart1.AxisY.MinorUnit = 20      
```

***

## Gridlines

Gridlines extend from tick marks and provide reference lines for interpreting chart values.
By default, **FlexChart** displays gridlines for the Y-axis but not for the X-axis.
Use the following properties to configure gridlines:

* [MajorGrid](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MajorGrid.html) controls major-gridline visibility.
* [MinorGrid](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MinorGrid.html) controls minor-gridline visibility.
* [MajorGridStyle](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MajorGridStyle.html) configures major-gridline appearance.
* [MinorGridStyle ](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MinorGridStyle.html)connfigures minor-gridline appearance.

```auto
//Hiding horizontal GridLines for AxisY
this.flexChart1.AxisY.MajorGrid = false;
//Hiding vertical GridLines for AxisX
this.flexChart1.AxisX.MajorGrid = false;
```

```auto
'Hiding horizontal GridLines for AxisY
Me.flexChart1.AxisY.MajorGrid = False
'Hiding vertical GridLines for AxisX
Me.flexChart1.AxisX.MajorGrid = False
```

***

## Tick Marks

Tick marks indicate the intervals created by the major and minor axis units. On a categorical axis, tick marks indicate the positions of category values. Minor tick marks do not apply to categorical axes.
By default, **FlexChart** displays major tick marks outside the X-axis and hides tick marks on the Y-axis.
Use the following properties to configure tick marks:

* [MajorTickMarks](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MajorTickMarks.html) controls the visibility and position of major tick marks.
* [MinorTickMarks](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.MinorTickMarks.html) controls the visibility and position of minor tick marks.
* [TickLength](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.TickLength.html) specifies the tick-mark length.

```csharp
//Setting location for major & minor tick marks for AxisY
this.flexChart1.AxisY.MajorTickMarks = TickMark.Cross;
this.flexChart1.AxisY.MinorTickMarks = TickMark.None;
//Setting location for major & minor tick marks for AxisX
this.flexChart1.AxisX.MajorTickMarks = TickMark.Outside;
this.flexChart1.AxisX.MinorTickMarks = TickMark.None;
```

```vbnet
'Setting location for major & minor tick marks for AxisY
Me.flexChart1.AxisY.MajorTickMarks = TickMark.Cross
Me.flexChart1.AxisY.MinorTickMarks = TickMark.None
'Setting location for major & minor tick marks for AxisX
Me.flexChart1.AxisX.MajorTickMarks = TickMark.Outside
Me.flexChart1.AxisX.MinorTickMarks = TickMark.None
```