> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/governed-dashboards-4/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/governed-dashboards-4/configurations/drill-through/drill-highlighter.md).

# Drill Highlighter

The ***Drill Highlighter*** feature in a dashboard helps to focus on specific data points or insights by drilling down into the data and highlighting relevant information. As the dashboard drills down to more granular data, the ***Drill Highlighter*** feature emphasizes the selected data point or elements by highlighting them. This makes it easier for users to focus on the relevant information and understand how their selection affects the overall data.

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark> This feature is available for **Bar**, **Timeline**,  **Bubble**, **Group Bar**, **Group Column**, **Mixed**, **Scatterplot**, **Line**, and **Column** charting components.*&#x20;
{% endhint %}

* Drag & drop Bar & Bubble chart into canvas and assign data to it.

<figure><img src="https://content.gitbook.com/content/5aLubSHNOzBzWIIdbNGx/blobs/tpD0pePSIjL2B1cIYpAX/image.png" alt=""><figcaption></figcaption></figure>

* Navigate to dashboard script area, and write the script to enable drill highlighter (the script used has been provided in the code block).

```javascript
sdk.getWidget('bar1' ).enableDrillHighlighter = true;
```

<figure><img src="https://content.gitbook.com/content/5aLubSHNOzBzWIIdbNGx/blobs/VHIXKtx6WeaItNjtpFa9/image.png" alt=""><figcaption></figcaption></figure>

* Go to source component script area .ex, Go to bar chart script area & write a script to enable drill (the script used has been provided in the code block).

```javascript
sdk.applyDrill(['bubble2'],changedItem.attributes);
```

<figure><img src="https://content.gitbook.com/content/5aLubSHNOzBzWIIdbNGx/blobs/VTrUWR1o0yPaNji1L8Kz/image.png" alt=""><figcaption></figcaption></figure>

* Preview the dashboard.

<figure><img src="https://content.gitbook.com/content/5aLubSHNOzBzWIIdbNGx/blobs/ErJYVn1lXdS9tKDkdI8u/image.png" alt=""><figcaption></figcaption></figure>

* Click on a bar from the Bar chart, the drill will get applied in the associated chart. The drill highlighter will be applied to both the charts.<br>

<figure><img src="https://content.gitbook.com/content/5aLubSHNOzBzWIIdbNGx/blobs/q7YMGTbIUxCJhF5BEzav/image.png" alt=""><figcaption><p><em><strong>Drill Highlighter in use</strong></em></p></figcaption></figure>
