# I want to change the image color according to the conditions in canvas

**URL:** https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201
**Category:** Kibana
**Tags:** canvas
**Created:** [November 17, 2019, 6:25am UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201 "2019-11-17T06:25:16Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Yungyoung\_Ok](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/yungyoung_ok/32/43465_2.png) [@Yungyoung\_Ok](https://discuss.elastic.co/u/Yungyoung_Ok)
#### Post date: [November 17, 2019, 6:25am UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201/1 "2019-11-17T06:25:17Z")

</div>

I want to change the image color according to the conditions in canvas.

for example,  
if count over 100 then red image show, count below 100 then green image show.

is it possible?  
I think it's possible, but I don't know how.

---

<div class="post-metadata">

### Author: ![tims](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tims/32/46750_2.png) [@tims](https://discuss.elastic.co/u/tims)
#### Post date: [November 18, 2019, 3:34pm UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201/2 "2019-11-18T15:34:02Z")

</div>

Hi @Yungyoung_Ok,

We have another forum post where @Catherine_Liu covers conditional coloring, let me know if this helps.

> [@Conditional colouring using kibana canvas expression editor](https://discuss.elastic.co/t/conditional-colouring-using-kibana-canvas-expression-editor/177929/5):
>
> Try this expression and see if the element looks right: filters | essql query="SELECT "system.load.1" AS LOAD FROM "metricbeat\*" WHERE metricset.module = 'system' AND metricset.name = 'load' AND beat.hostname LIKE 'XXXXXX%' AND "@timestamp" \<= NOW () LIMIT 1" | metric LOAD metricFont={font size=48 family="'Open Sans', Helvetica, Arial, sans-serif" color={if {lt 10} then="red" else="green"} align="center" lHeight=48} labelFont={font size=14 family="'Open Sans', Helvetica, Arial, sans-seri…

---

<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 16, 2019, 3:34pm UTC](https://discuss.elastic.co/t/i-want-to-change-the-image-color-according-to-the-conditions-in-canvas/208201/3 "2019-12-16T15:34:07Z")

</div>

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