# Horizontal bar with negative value to left and positive value to right

**URL:** <https://community.grafana.com/t/horizontal-bar-with-negative-value-to-left-and-positive-value-to-right/34998>\
**Category:** Time Series Panel\
**Created:** [August 12, 2020, 8:28am UTC](https://community.grafana.com/t/horizontal-bar-with-negative-value-to-left-and-positive-value-to-right/34998 "2020-08-12T08:28:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![vtacquet](https://sea2.discourse-cdn.com/grafana/user_avatar/community.grafana.com/vtacquet/32/12354_2.png) [@vtacquet](https://community.grafana.com/u/vtacquet)\
**Post date:** [August 12, 2020, 8:28am UTC](https://community.grafana.com/t/horizontal-bar-with-negative-value-to-left-and-positive-value-to-right/34998/1 "2020-08-12T08:28:21Z")

</div>

Does anyone know how to display a bar where a negative value would colourize the green (left side) and a positive value would colourize the red (right side) ? Center point of the bar would be zero in this case.

 ![bar](https://us1.discourse-cdn.com/grafana/original/2X/e/e827b051f6035485823ae3b39f0cbd77d0403410.png)

---

<div class="post-metadata">

**Author:** ![anon90859526](https://avatars.discourse-cdn.com/v4/letter/a/b5e925/32.png) [@anon90859526](https://community.grafana.com/u/anon90859526)\
**Post date:** [August 12, 2020, 2:58pm UTC](https://community.grafana.com/t/horizontal-bar-with-negative-value-to-left-and-positive-value-to-right/34998/2 "2020-08-12T14:58:23Z")

</div>

Kind of. You want a [Bar gauge visualization](https://grafana.com/docs/grafana/latest/panels/visualizations/bar-gauge-panel/) with [Thresholds](https://grafana.com/docs/grafana/latest/panels/thresholds/) set in the Field tab.

Bar gauge is a big weird, because the lowest number will be the start point. Below is an example, though the values don’t quite match what you are looking for.

 ![image](https://us1.discourse-cdn.com/grafana/original/2X/a/abbecc3f3e838927792f96895fd776aae9d54f60.png)

---

<div class="post-metadata">

**Author:** ![litonchen](https://avatars.discourse-cdn.com/v4/letter/l/d07c76/32.png) [@litonchen](https://community.grafana.com/u/litonchen)\
**Post date:** [May 14, 2021, 9:08am UTC](https://community.grafana.com/t/horizontal-bar-with-negative-value-to-left-and-positive-value-to-right/34998/3 "2021-05-14T09:08:23Z")

</div>

I’m facing the same problem and looking for the solution.  
Anyone know the solution?