> 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 %}

![](/files/bY9sKzU8FalYrYMZ5Oiy)

* Drag and drop chart component.   &#x20;

![](/files/CI0Y0kEG5IqgYx49aZhS)

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

![](/files/Hlg6n9j1U2oXwDEOusVw)

* 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;      ![](/files/qjvKO6WPzjo7I1YxH5z3)

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

![](/files/09R5AqaFP7O9ZrERdCIc)

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

![](/files/IXYCAVgPta8j7nrluBCY)

#### Series Indicator

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

&#x20;     ![](/files/1xxOVlB9XeNdcAGyrlbR)

* An indicator dialog box appears with the required conditions.

&#x20;     ![](/files/hssmMTmuL8xv9gNIZ5Sw)

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

&#x20;    &#x20;

![](/files/c489J1feVbKhO3odligr)

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

![](/files/wf1bzAxpzohfELZje1ca)

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

![](/files/0KaimeKwhXMfnxFzH1Om)

* The created Indicator conditions get added.

&#x20;      ![](/files/W5quu8Y6aNJtCAovy6yk)

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

![](/files/6RsW5yWP0l19twZjBivC)

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