# Line chart color change

**URL:** <https://discuss.elastic.co/t/line-chart-color-change/138930>\
**Category:** Kibana\
**Created:** [July 6, 2018, 1:48pm UTC](https://discuss.elastic.co/t/line-chart-color-change/138930 "2018-07-06T13:48:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Shrikanth\_M](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/shrikanth_m/32/47703_2.png) [@Shrikanth\_M](https://discuss.elastic.co/u/Shrikanth_M)\
**Post date:** [July 6, 2018, 1:48pm UTC](https://discuss.elastic.co/t/line-chart-color-change/138930/1 "2018-07-06T13:48:23Z")

</div>

Hi,

Can anyone suggest, how can I change the color of Line as below condition,

if Performance less then Threshold Point 1 and Threshold Point 2 then the Performance line color should change to Red color.

if Performance greater then Threshold Point 1 and 2 then the Performance line color should change to Blue color.

if Performance in between Threshold Point 1 and 2 then the Performance line color should change to Green color.

like the below image.  
 ![Performance%20Chart2](https://us1.discourse-cdn.com/elastic/original/3X/3/7/3782b226806493e9c279c9fcbc44c93b25f76529.PNG)

Thanks,

---

<div class="post-metadata">

**Author:** ![bhavyarm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/bhavyarm/32/22392_2.png) [@bhavyarm](https://discuss.elastic.co/u/bhavyarm)\
**Post date:** [July 6, 2018, 1:56pm UTC](https://discuss.elastic.co/t/line-chart-color-change/138930/2 "2018-07-06T13:56:13Z")

</div>

Hi,

Unfortunately - we don't have a possible way of doing this on line charts right now.

You can do it on metric visualization. But I am not sure if that serves what you are looking for: [Conditional color change in Metric Widget](https://discuss.elastic.co/t/conditional-color-change-in-metric-widget/120327)

Or you can use timelion: [https://www.elastic.co/guide/en/kibana/current/timelion-customize.html](https://www.elastic.co/guide/en/kibana/current/timelion-customize.html)

Thanks,  
Bhavya

---

<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, 2018, 1:56pm UTC](https://discuss.elastic.co/t/line-chart-color-change/138930/3 "2018-08-03T13:56:15Z")

</div>

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