# Colors for line graph

**URL:** <https://discuss.elastic.co/t/colors-for-line-graph/339370>\
**Category:** Kibana\
**Created:** [July 27, 2023, 4:45am UTC](https://discuss.elastic.co/t/colors-for-line-graph/339370 "2023-07-27T04:45:11Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Rushi\_Bagul](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rushi_bagul/32/122786_2.png) [@Rushi\_Bagul](https://discuss.elastic.co/u/Rushi_Bagul)\
**Post date:** [July 27, 2023, 4:45am UTC](https://discuss.elastic.co/t/colors-for-line-graph/339370/1 "2023-07-27T04:45:11Z")

</div>

I want to create line chart or area with different background colors on specific areas as per following image. Can anyone tell me how it is possible?  
Suggest me to better approach  
 ![VBJAU](https://us1.discourse-cdn.com/elastic/original/3X/f/9/f9f4223ca2c39060a7cb0a97098fe34a4be24fbb.png)

---

<div class="post-metadata">

**Author:** ![markov00](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/markov00/32/33316_2.png) [@markov00](https://discuss.elastic.co/u/markov00)\
**Post date:** [July 27, 2023, 1:51pm UTC](https://discuss.elastic.co/t/colors-for-line-graph/339370/2 "2023-07-27T13:51:43Z")

</div>

Hi, what you can do right now is to use Lens and add what we call Reference Line. For each line you can decide to fill the area below or above the line.  
The only missing part is that you can't cover the "middle" case, because we don't offer a way, right now to color between two values.

 ![Screenshot 2023-07-27 at 15.51.26](https://us1.discourse-cdn.com/elastic/original/3X/3/4/34beb53acf3991e7e269ecc032ea37d70db489e8.png)

---

<div class="post-metadata">

**Author:** ![Rushi\_Bagul](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rushi_bagul/32/122786_2.png) [@Rushi\_Bagul](https://discuss.elastic.co/u/Rushi_Bagul)\
**Post date:** [July 28, 2023, 11:24am UTC](https://discuss.elastic.co/t/colors-for-line-graph/339370/3 "2023-07-28T11:24:36Z")

</div>

Ok I will try this

---

<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 25, 2023, 11:25am UTC](https://discuss.elastic.co/t/colors-for-line-graph/339370/4 "2023-08-25T11:25:14Z")

</div>

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