> 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="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FnTFEcIItRS80vBFaDLGt%2FX%20and%20Y%20Axis%20property%20%20for%20charts.gif?alt=media&amp;token=1df9b922-4eef-410e-b987-7f4f45c221fa" 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="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FnvvCSUD7UZS8oKR9zd8u%2Fimage.png?alt=media&amp;token=f9ef7b2f-3cb5-4f09-a66f-1265b46c741b" alt=""><figcaption></figcaption></figure>

Modified X Axis Properties

<figure><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F6T1NSCTJn4LY7pYjZ2eh%2Fimage.png?alt=media&amp;token=ba337ad2-485a-4f8a-8df2-df4a08c3a713" alt=""><figcaption></figcaption></figure>

Default Y Axis Properties

<figure><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FxKuUUDXJHGLuWOYGi7yj%2Fimage.png?alt=media&amp;token=681ab0b7-705f-47a7-a046-6bd5250e1170" alt=""><figcaption></figcaption></figure>

Modified Y Axis Properties

<figure><img src="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F94BgRn1zzSkVuhs5sCA6%2Fimage.png?alt=media&amp;token=76eebd69-91be-4645-aefb-527c3e7f8b96" 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="https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FpQtXID9BPhIT1jBSjQW7%2Fimage.png?alt=media&amp;token=a1b9f115-9bcb-4222-923f-e7f9ac6e1efc" alt=""><figcaption></figcaption></figure>