# Kibana canvas gauges

**URL:** https://discuss.elastic.co/t/kibana-canvas-gauges/241480
**Category:** Kibana
**Tags:** canvas
**Created:** [July 16, 2020, 2:13pm UTC](https://discuss.elastic.co/t/kibana-canvas-gauges/241480 "2020-07-16T14:13:45Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Hugo\_Pires](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hugo_pires/32/68069_2.png) [@Hugo\_Pires](https://discuss.elastic.co/u/Hugo_Pires)
#### Post date: [July 16, 2020, 2:13pm UTC](https://discuss.elastic.co/t/kibana-canvas-gauges/241480/1 "2020-07-16T14:13:45Z")

</div>

Hello

Is it possible to create a dynamic gauge in Canvas, just like on visualisation dashboard, setting a goal from data?

Thank you

Hugo

---

<div class="post-metadata">

### Author: ![dosant](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/dosant/32/64489_2.png) [@dosant](https://discuss.elastic.co/u/dosant)
#### Post date: [July 16, 2020, 2:49pm UTC](https://discuss.elastic.co/t/kibana-canvas-gauges/241480/2 "2020-07-16T14:49:08Z")

</div>

Hi @Hugo_Pires,

Should be possible,

Try using Progress \> Gauge element.

And then using condition change it's color.

Something like this:

```auto
filters
| demodata
| math "mean(percent_uptime)"
| progress shape="gauge" label={formatnumber 0%} font={font size=24 family="'Open Sans', Helvetica, Arial, sans-serif" color="#000000" align=center} valueColor={switch case={case if={all {gt 0.75} {lt 0.9}} then="yellow"} case={case if={gte 0.9} then="red"} default="green"}  
| render

```

---

<div class="post-metadata">

### Author: ![Hugo\_Pires](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/hugo_pires/32/68069_2.png) [@Hugo\_Pires](https://discuss.elastic.co/u/Hugo_Pires)
#### Post date: [July 16, 2020, 4:53pm UTC](https://discuss.elastic.co/t/kibana-canvas-gauges/241480/3 "2020-07-16T16:53:07Z")

</div>

Thank you.

That's very useful. But I would like also to know how to set dynamic maximum - the total based on percentage is calculated.

---

<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 13, 2020, 4:53pm UTC](https://discuss.elastic.co/t/kibana-canvas-gauges/241480/4 "2020-08-13T16:53:09Z")

</div>

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