> 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/configuration/indicators-in-charts.md).

# Indicators in Charts

{% hint style="success" %}
*Check out the walk-through given below on how to apply an Indictor to a charting component in the Designer.*
{% endhint %}

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FIgrpKc17NN2ocMw9Icfn%2FApply%20Indicator%20on%20chart%20.gif?alt=media\&token=5470ae94-86ab-4c0f-9c5d-daba9aa2171f)

* Drag and drop chart component.   &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F0wmMBJ6fvrv4wMk6bXWd%2Fimage.png?alt=media\&token=44744b29-462c-4ff5-b4a4-b1809b104972)

* Associate category and series fields to the chart component.   &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F5PP1QlAM5fxcidISh0uL%2Fimage.png?alt=media\&token=3695162c-6ad6-4d33-9e41-e45d40c1487b)

* There are two types of indicators in the chart component:
  * Category Indicator
  * Series Indicator

#### Category Indicator

* Select the category field & navigate to the indicator tab.

&#x20;      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FnX14W0fZpLeEyPTOnXLC%2Fimage.png?alt=media\&token=03d64888-ff8a-4d9b-8cec-1ace917a8e74)

* Click on the “+” icon to create a new indicator.
* Add the Category value and change the color based on the required conditions.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FlZdAHVm4Ild94jQUPKfr%2Fimage.png?alt=media\&token=d6aff5d6-e1fb-4ac2-8960-1eb23b20ce1d)

* The created Category Indicator gets displayed in the preview mode as shown below:

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FHbf7Y6MXw5i2Et6L4EXt%2Fimage.png?alt=media\&token=be7b1123-c69f-4f1e-b2fc-f3683d163d52)

#### Series Indicator

* Select the series field & navigate to the indicator tab.
* Click on the “+” icon to create a new indicator.

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FK4JdmrBB74926xAA2Jem%2Fimage.png?alt=media\&token=9cd3eecc-6cbb-49a7-95e8-e7b5c6661bf8)

* An indicator dialog box appears with the required conditions.

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FF2jqlPP2WTG8iuXr2jOd%2Fimage.png?alt=media\&token=361ebe75-c8ff-4210-a27e-46e923c95e5c)

* ***Operator:*** Multiple comparators are available for choosing the comparison process.

&#x20;    &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FRA4dExuFezZpDrE543Oq%2Fimage.png?alt=media\&token=aef3e391-810f-436a-bdb8-b146354c5062)

* ***Fixed Value Comparison:*** By enabling this, we can compare a ***Compared Field*** against static values given in the ***Compare to*** text area.  &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FXtrkywwwEIeltemdJqIW%2Fimage.png?alt=media\&token=e09bd093-0a54-4843-8f1e-42a9bbfa9995)

* ***Fixed Value Comparison:*** By disabling this, we can compare a ***Compared Field*** against field values given in the ***Compare to*** field.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FO8CVeEBlnGTrZyoYfCML%2Fimage.png?alt=media\&token=e2cf197c-b0c2-4db1-8518-31ed97dc0d31)

* The created Indicator conditions get added.

&#x20;      ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FMKHEmmJ8ny2g6UdqVjsl%2Fimage.png?alt=media\&token=588d335c-aacf-4815-97f1-328086238e07)

* The applied series Indicators appears in the preview mode of a Bar chart as given below:     &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FoUq3QpMVrznKvp5cog13%2Fimage.png?alt=media\&token=f5b75739-d5e0-4c5e-a212-55b3bb32f758)

{% hint style="info" %} <mark style="color:green;">Please Note</mark>: If the Category indicator is applied, the series indicator is not considered.
{% endhint %}
