> For the complete documentation index, see [llms.txt](https://docs.getinfinity.app/user-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.getinfinity.app/user-guide/comprehensive-user-guide/2.-charts/chart-customization/customizing-chart-with-advanced-editor-panel/styles/x-axis.md).

# X-Axis

The X-Axis settings allow customization of how the x-axis appears and functions in your chart. You can adjust its position, type, labels, and other properties for better readability and representation.

#### **1. Basic Settings**

<figure><img src="/files/2LAV7UJY2rdL7dHy1tZV" alt="" width="160"><figcaption></figcaption></figure>

| **Feature**     | **Description**                                                 |
| --------------- | --------------------------------------------------------------- |
| **Show**        | Toggles the visibility of the x-axis.                           |
| **Inverse**     | Reverses the axis direction. Useful for reversing data display. |
| **Axis Slider** | Adds a scrollable slider to the axis for large datasets.        |

#### **2. Type and Position**

| **Feature**  | **Description**                                                              |
| ------------ | ---------------------------------------------------------------------------- |
| **Type**     | Determines the scale of the x-axis. Options: **Category, Value, Time, Log**. |
| **Position** | Controls where the x-axis is displayed. Options: **Top, Bottom**.            |
| **Name**     | Defines a custom label for the x-axis.                                       |

#### **3. Axis Line**

| **Feature**     | **Description**                                           |
| --------------- | --------------------------------------------------------- |
| **Show**        | Enables or disables the axis line.                        |
| **Line Color**  | Changes the color of the axis line.                       |
| **Line Type**   | Selects the style of the axis line (solid, dashed, etc.). |
| **Show Arrows** | Displays directional arrows on the axis.                  |

#### **4. Axis Tick**

| **Feature**          | **Description**                        |
| -------------------- | -------------------------------------- |
| **Show**             | Enables or disables axis ticks.        |
| **Align with Label** | Ensures ticks are aligned with labels. |
| **Line Color**       | Changes the color of the tick marks.   |
| **Line Type**        | Selects the style of the tick marks.   |

#### **5. Axis Label**

| **Feature**     | **Description**                                |
| --------------- | ---------------------------------------------- |
| **Show**        | Enables or disables labels on the axis.        |
| **Rotate**      | Adjusts label rotation for better readability. |
| **Color**       | Defines the label text color.                  |
| **Size**        | Adjusts the label text size.                   |
| **Font Family** | Selects the font for the labels.               |
| **Bold/Italic** | Allows text formatting.                        |

#### **6. Split Line**

| **Feature** | **Description**                                                  |
| ----------- | ---------------------------------------------------------------- |
| **Show**    | Enables grid lines that extend across the chart from the x-axis. |

***