# Kibana canvasrender options

**URL:** https://discuss.elastic.co/t/kibana-canvasrender-options/250558
**Category:** Kibana
**Created:** [September 30, 2020, 7:06pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558 "2020-09-30T19:06:16Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![Robin020](https://avatars.discourse-cdn.com/v4/letter/r/71c47a/32.png) [@Robin020](https://discuss.elastic.co/u/Robin020)
#### Post date: [September 30, 2020, 7:06pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/1 "2020-09-30T19:06:16Z")

</div>

Hello,

Is there documentation about canvasrender options?  
I am trying to change the filling color of a gauge in canvas.

---

<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: [September 30, 2020, 7:58pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/2 "2020-09-30T19:58:36Z")

</div>

> [@Robin020](#):
>
> canvasrender options

We actually have this for conditional color format: [Conditional colouring using kibana canvas expression editor - #16 by tims](https://discuss.elastic.co/t/conditional-colouring-using-kibana-canvas-expression-editor/177929/16)

hope it helps

---

<div class="post-metadata">

### Author: ![Robin020](https://avatars.discourse-cdn.com/v4/letter/r/71c47a/32.png) [@Robin020](https://discuss.elastic.co/u/Robin020)
#### Post date: [September 30, 2020, 8:14pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/3 "2020-09-30T20:14:27Z")

</div>

Hi,

I am trying to use that example.  
First I tried to do something simple but it fails....

Example which I used:

```
.canvasRenderEl{
backgroundColor=red
}

```

Do you know what's wrong ?

---

<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: [October 1, 2020, 7:15pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/4 "2020-10-01T19:15:31Z")

</div>

@tims - can you help when u have time ?

Thanks  
Rashmi

---

<div class="post-metadata">

### Author: ![Iker](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/iker/32/91708_2.png) [@Iker](https://discuss.elastic.co/u/Iker)
#### Post date: [October 1, 2020, 11:14pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/5 "2020-10-01T23:14:52Z")

</div>

For the background, you could use the property for the container, in the canvasRenderEL you define the css styles for the objects, it's required to specify which one; example:

```
render 
  containerStyle={containerStyle backgroundColor="#F0F0F0" border="1px solid #444444" padding="10px"} css=".canvasRenderEl .valueLabel {
  margin-top: -15px;
}"
```

---

<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: [October 29, 2020, 11:15pm UTC](https://discuss.elastic.co/t/kibana-canvasrender-options/250558/6 "2020-10-29T23:15:02Z")

</div>

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