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

# Legend Mapping

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

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FKEOZAZpEIC1XGumhjCz5%2FLegend%20Associate%20with%20component.gif?alt=media\&token=238b5fc5-8a5c-447d-bbc5-d4f2ec777787)

* Click the ***Component Libra*****ry**  icon from the right edge of the window.
* Select and drag a chart component on the canvas.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F5UYsJA2NotQOFlScHctP%2Fimage.png?alt=media\&token=f3ff46fd-f5fb-4aa2-ae98-a69069d838b5)

* Create a data connection.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fd8WNTu0m5GngK2RCp2Hh%2Fimage.png?alt=media\&token=0103a4f4-e898-4855-8284-48daded11ba2)

* Associate data connection with the chart.     

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fu9fFgipee8cPCXuZlAWw%2Fimage.png?alt=media\&token=8c453ccf-5f73-4196-b34d-0cb1bcd1e612)

* Select and drag the ***Legend*** component from the ***Other*** tab of the component library. 

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FQiXMGOyW7b3GbISiRCWU%2Fimage.png?alt=media\&token=d664bd7b-fe39-4385-998b-87f2575e2242)

* Navigate to the ***Legend*** component properties.
* Go to the ***General*** properties.
* Click on the ***Associate Chart*** and select the required chart.   

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F8bNpg0MiD5sVbPoNcr82%2Fimage.png?alt=media\&token=c75d83d3-8727-4065-a5da-843ea951a105)

* The ***Associated Chart*** wizard opens.
* Select the dragged chart from the ***Search available components*** section.
* Select the fields that you wish to associate by using the checkmarks given next to the fields from the ***Search available field***s section.
* Click the ***Save*** option.

       ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FKUWi2NTtRloOr6rJ4E8w%2Fimage.png?alt=media\&token=1328070a-ca9c-4c6d-a3ef-94cf97cb5153)

* The ***Legend*** gets mapped to the chart. 

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FhzWxBkJY5XLnNOdCiwfk%2Fimage.png?alt=media\&token=cbd66d7d-51d7-4bb2-9b2c-cbdde22db78c)