# Axes

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

Most chart types plot data between two axes: the horizontal **X-axis** and the vertical **Y-axis**. The X-axis typically represents categories, and the Y-axis represents values. For some chart types, such as bar charts, the axes are reversed so that the Y-axis represents categories and the X-axis represents values.

>type=note
> Note: Chart types such as pie, sunburst, and treemap do not use axes.

![C1WinForms FlexChart - Axis of flexchart](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/flexchart-axis.png)
FlexChart exposes the axes through the [AxisX](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Series.AxisX.html) and [AxisY](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Series.AxisY.html) properties, which return `Axis` objects. In addition to binding FlexChart to a data source, bind an axis to a separate data source and specify its fields to display custom axis labels.

```csharp
//Passing data to FlexChart's AxisY
this.flexChart1.AxisY.DataSource = GetAxisBindinglabels();
//Setting which fields to bind to AxisY
this.flexChart1.AxisY.Binding = "Value,Text";
```

```vbnet
'Passing data to FlexChart's AxisY
Me.flexChart1.AxisY.DataSource = GetAxisBindinglabels()
'Setting which fields to bind to AxisY
Me.flexChart1.AxisY.Binding = "Value,Text"
```

>type=info
> The axis-binding example uses a custom **GetAxisBindingLabels** method to provide label data. For more information about binding FlexChart, see [Data Binding](/componentone/docs/win/online-flexchart/concepts/binding)**.**

***

## Axis Position.

By default, FlexChart displays the X-axis at the bottom of the chart and the Y-axis on the left.
Set the [Position](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Position.html) property to a value from the `Position` enumeration to change the location of an axis. Set `Position` to `None` to hide the axis.

```csharp
//Displaying the Y axis on right hand side
      this.flexChart1.AxisY.Position = Position.Right;          
```

```vbnet
' Displaying the Y axis on right hand side
      Me.flexChart1.AxisY.Position = Position.Right                                      
```

***

## Display Axis Line

By default, FlexChart displays the X-axis line and hides the Y-axis line.
Set the [AxisLine](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.AxisLine.html) property to `true` or `false` to control axis-line visibility.

```csharp
//Showing axis line for Y-axis, by default it is hidden
      this.flexChart1.AxisY.AxisLine = true;          
```

```vbnet
' Showing axis line for Y-axis, by default it is hidden
       me.flexChart1.AxisY.AxisLine = true                               
```

***

## Reverse Axis

Set the [Reversed](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Reversed.html) property to `true` to display axis values in reverse order. A reversed axis is useful for visualizing data such as depth measurements or descending values.

```auto
//Flip the Y-axis to display minimum value on top and maximum towards origin
     this.flexChart1.AxisY.Reversed = true;       
```

```auto
' Flip the Y-axis to display minimum value on top and maximum towards origin
     me.flexChart1.AxisY.Reversed = true                              
```

***

## Set Axis Bounds

The [Min](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Min.html) and [Max](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Max.html) properties specify the minimum and maximum values displayed on an axis. Setting axis bounds limits the visible data range and focuses the chart on a specific portion of the dataset.

```csharp
//Setting axis bounds
   this.flexChart1.AxisY.Max = 150;
this.flexChart1.AxisY.Min = 90;        
```

```vbnet
' Setting axis bounds
   me.flexChart1.AxisY.Max = 150
me.flexChart1.AxisY.Min = 90                            
```

***

## Style an Axis

Use the [Axis.Style](/componentone/api/win/online-flexchart/dotnet-api/C1.Win.FlexChart.10/C1.Win.Chart.Axis.Style.html) property to configure the appearance of an axis, including:

* Stroke color
* Stroke width
* Line pattern
* Text orientation

```csharp
//Setting color to be used for stroke
this.flexChart1.AxisX.Style.StrokeColor = Color.DarkBlue;
//Setting width to be used for stroke width
this.flexChart1.AxisX.Style.StrokeWidth = 1;
//Setting pattern to be used line pattern
this.flexChart1.AxisX.Style.LinePattern = LinePatternEnum.DashDot;
```

```vbnet
'Setting color to be used for stroke
Me.flexChart1.AxisX.Style.StrokeColor = Color.DarkBlue
'Setting width to be used for stroke width
Me.flexChart1.AxisX.Style.StrokeWidth = 1
'Setting pattern to be used line pattern
Me.flexChart1.AxisX.Style.LinePattern = LinePatternEnum.DashDot
```

***

FlexChart also provides options for configuring axis titles, tick marks, units, gridlines, and labels.
The Axes topic includes the following sections:
[Axis Elements](/componentone/docs/win/online-flexchart/concepts/axes/axis-elements) — Describes the scale, title, units, gridlines, and tick marks associated with an axis.
[Axis Labels](/componentone/docs/win/online-flexchart/concepts/axes/axis-labels) — Describes axis-label formatting and options for managing overlapping labels.
[Axis Grouping](/componentone/docs/win/online-flexchart/concepts/axes/axis-grouping) — Describes categorical, numerical, and `DateTime` axis grouping.