# How to align the legends and maintain uniform color across the whole dashboard?

**URL:** <https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555>\
**Category:** Kibana\
**Created:** [June 24, 2020, 7:55pm UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555 "2020-06-24T19:55:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jaishree\_Pal](https://avatars.discourse-cdn.com/v4/letter/j/f475e1/32.png) [@Jaishree\_Pal](https://discuss.elastic.co/u/Jaishree_Pal)\
**Post date:** [June 24, 2020, 7:55pm UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/1 "2020-06-24T19:55:37Z")

</div>

Hi guys, I created a dashboard containing several visualizations. But, the problem I'm facing is that the legends change color every time the page is refreshed. I want some color uniformity like 'green' for 'pass', 'red' for 'fail', and so on. Please let me know how can we achieve this.

Also, I want alignment of legends across all the visualizations as 'pass' should at the top, then 'fail', then 'open bug', and so on. Is there any way to align these legends according to our choice? If yes, then please tell me how to do this.  
Thanks!

---

<div class="post-metadata">

**Author:** ![Jaishree\_Pal](https://avatars.discourse-cdn.com/v4/letter/j/f475e1/32.png) [@Jaishree\_Pal](https://discuss.elastic.co/u/Jaishree_Pal)\
**Post date:** [June 26, 2020, 9:35am UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/2 "2020-06-26T09:35:30Z")

</div>

Please inform me in case it's not possible. I'll create a request for the same.  
Thanks.

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [June 26, 2020, 1:30pm UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/3 "2020-06-26T13:30:56Z")

</div>

This should be possible using the `visualization:colorMapping` advanced setting. It allows you to specify a map of labels to colors which will be used in all visualizations in the label matches.

---

<div class="post-metadata">

**Author:** ![Jaishree\_Pal](https://avatars.discourse-cdn.com/v4/letter/j/f475e1/32.png) [@Jaishree\_Pal](https://discuss.elastic.co/u/Jaishree_Pal)\
**Post date:** [June 28, 2020, 9:15pm UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/4 "2020-06-28T21:15:04Z")

</div>

Thanks @flash1293. It helped!  
Can you please confirm if I can align these labels in an order or not?

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [June 29, 2020, 7:33am UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/5 "2020-06-29T07:33:34Z")

</div>

What do you mean by aligning them?

---

<div class="post-metadata">

**Author:** ![Jaishree\_Pal](https://avatars.discourse-cdn.com/v4/letter/j/f475e1/32.png) [@Jaishree\_Pal](https://discuss.elastic.co/u/Jaishree_Pal)\
**Post date:** [July 6, 2020, 7:38am UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/6 "2020-07-06T07:38:14Z")

</div>

By aligning, I mean keeping them in a particular order. For example, I have "Pass", "Fail", "Open-bug", "Known Issue" as labels, they are aligned alphabetically in the dashboard, but if I want to order them like "Fail" first, then "Pass", then "Open bug", then "Known Issue" and so on. Is it possible to do that?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [August 3, 2020, 7:38am UTC](https://discuss.elastic.co/t/how-to-align-the-legends-and-maintain-uniform-color-across-the-whole-dashboard/238555/7 "2020-08-03T07:38:19Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
