> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/bdb-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/charts-gallery/common-chart-properties/x-and-y-axis-properties.md).

# X & Y Axis Properties

{% hint style="success" %}
*Check out the given walk-through on how to modify the X and Y Axis based on their properties on the Designer charts.* 
{% endhint %}

<figure><img src="/files/cSoSZIDWGazMgkY2eHC7" alt=""><figcaption></figcaption></figure>

The user can modify the default display of the X and Y Axis and the Axis title description by using the given properties.

Default X Axis Properties

<figure><img src="/files/1xPq36wf1LPGE0IwZK22" alt=""><figcaption></figcaption></figure>

Modified X Axis Properties

<figure><img src="/files/oWSvjCZVnwhXqKiYYTm3" alt=""><figcaption></figcaption></figure>

Default Y Axis Properties

<figure><img src="/files/E3U1QFQvm7Qwpo1un1OD" alt=""><figcaption></figcaption></figure>

Modified Y Axis Properties

<figure><img src="/files/TO1iv4frIdHVgZG57Gmw" alt=""><figcaption></figcaption></figure>

{% hint style="success" %} <mark style="color:green;">Pre-requisite:</mark> To get data preview of any chart it is required to associate a data connection with the selected/ dragged charting component. To know how to create a Data Connection refer the [*<mark style="color:blue;">**Establishing a Data Connection**</mark>*](/bdb-documentation/data-visualization/governed-dashboards/connecting-to-a-data-source/establishing-a-data-connection.md) section.
{% endhint %}

Data preview with the modified X & Y Axis for a Bar chart

<figure><img src="/files/ZL7cHX0DNkWGCLth7cm7" alt=""><figcaption></figcaption></figure>