> 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/formatter.md).

# Formatter

{% hint style="success" %}
Check out the given walk-through on how to apply Formatter  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%2Fq9s1gTalJWdwSxsC1k2N%2FFormatter%20for%20charts.gif?alt=media&amp;token=f4cff90f-3d2b-4c6b-a602-2b685c442034" alt=""><figcaption></figcaption></figure>

{% hint style="success" %} <mark style="color:green;">Pre-requisite:</mark> *The dashboard should be associated with at least one data connection to get the data preview.*
{% endhint %}