# Y-Axis Range Colors

**URL:** https://discuss.elastic.co/t/y-axis-range-colors/157285
**Category:** Kibana
**Created:** [November 19, 2018, 7:20am UTC](https://discuss.elastic.co/t/y-axis-range-colors/157285 "2018-11-19T07:20:15Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![cawoodm](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/cawoodm/32/14083_2.png) [@cawoodm](https://discuss.elastic.co/u/cawoodm)
#### Post date: [November 19, 2018, 7:20am UTC](https://discuss.elastic.co/t/y-axis-range-colors/157285/1 "2018-11-19T07:20:15Z")

</div>

We have a history of response times of a web service which we report on by time (x-axis) and response time (y-axis). Obviously low response times are good and high times are bad but, for many users, it's not clear which value ranges are OK. We'd like to have some sort of demarcation which shows a horizontal line (or area) in green, orange and red (yeah mon!):

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/6/5/6502649156d679d444b46685ee65a6c81af0f7cb.png)

Is this achievable with any of the standard vizualization tools?

---

<div class="post-metadata">

### Author: ![thomasneirynck](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/thomasneirynck/32/23313_2.png) [@thomasneirynck](https://discuss.elastic.co/u/thomasneirynck)
#### Post date: [November 19, 2018, 4:33pm UTC](https://discuss.elastic.co/t/y-axis-range-colors/157285/2 "2018-11-19T16:33:15Z")

</div>

@cawoodm,

yes and no. It's not built in with the current visualizations, but you could try the Vega visualization and write your own vega-markup to do this. I'm not an expert on Vega myself, but that's likely the best way forward to achieve something like this.

---

<div class="post-metadata">

### Author: ![rashmi](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/rashmi/32/16391_2.png) [@rashmi](https://discuss.elastic.co/u/rashmi)
#### Post date: [November 19, 2018, 4:56pm UTC](https://discuss.elastic.co/t/y-axis-range-colors/157285/3 "2018-11-19T16:56:41Z")

</div>

cc @nyuriks

---

<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: [December 17, 2018, 4:56pm UTC](https://discuss.elastic.co/t/y-axis-range-colors/157285/4 "2018-12-17T16:56:50Z")

</div>

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