# Plot a table with custom rule based color in background

**URL:** https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844
**Category:** Kibana
**Tags:** kql-kibana-query-language
**Created:** [November 14, 2022, 9:32am UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844 "2022-11-14T09:32:24Z")
**Posts on this page:** 11
**Page:** 1

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 14, 2022, 9:32am UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/1 "2022-11-14T09:32:24Z")

</div>

Hi,

I want to plot a table with custom rule based color for each cell. so, for below table, if debt is more than income, it should be red. if income is more than debt, it should be green. is this possible? how?

![kib-grid](https://us1.discourse-cdn.com/elastic/original/3X/d/f/df33d7bed5b56ed482904d29e7a9075c82fe285e.jpeg)

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 14, 2022, 2:28pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/2 "2022-11-14T14:28:01Z")

</div>

Hi @Tukaram, I don't think that the solution you're aiming for is possible, but you could achieve similar effect using runtime field. You could create a custom runtime field that calculates the difference between the two:

 ![Screenshot 2022-11-14 at 15.26.15](https://us1.discourse-cdn.com/elastic/original/3X/f/e/fe8de72cea582f8634fc394008659c6f616453a7.png)  
and then color this in your visualization:  
 ![Screenshot 2022-11-14 at 15.29.33](https://us1.discourse-cdn.com/elastic/original/3X/8/3/83575ad968ce894b8aabcef747e9f0316c960b1b.png)

Let me know if this is helpful.

---

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 14, 2022, 8:00pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/3 "2022-11-14T20:00:36Z")

</div>

Thanks, how you are setting custom color here? I can push diff as separate field as well.

---

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 14, 2022, 8:01pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/4 "2022-11-14T20:01:25Z")

</div>

I mean, are these colors rule based? for positive, its green and negative its red?

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 14, 2022, 8:13pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/5 "2022-11-14T20:13:16Z")

</div>

You can configure it by clicking on the dimension button from the config panel on the right side and then on 'color', for example that would be a config for two ranges (smaller than zero and equal or bigger than zero):

 ![Screenshot 2022-11-14 at 21.11.57](https://us1.discourse-cdn.com/elastic/original/3X/f/5/f5a304190971042a7462119c3af2174f2b0a58ff.png)  
 ![Screenshot 2022-11-14 at 21.12.01](https://us1.discourse-cdn.com/elastic/original/3X/2/9/292544ae99a6eb58bcdf77d78fcfe82b93dc55a0.png)

---

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 15, 2022, 11:14am UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/6 "2022-11-15T11:14:26Z")

</div>

I am using 7.16.2 and dont see any option for 'color by Value' or color after text alignment.

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 15, 2022, 12:41pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/7 "2022-11-15T12:41:24Z")

</div>

That's strange, the [feature was released in 7.14](https://github.com/elastic/kibana/pull/95217). Are you sure you're clicking on the right dimension? Could you paste a screenshot of what you see?

---

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 15, 2022, 1:42pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/8 "2022-11-15T13:42:40Z")

</div>

![kib-grid1](https://us1.discourse-cdn.com/elastic/original/3X/d/a/da317155582e33f5dcaaaff2057d5c47e4f4eba1.jpeg)  
this is what all I got.

---

<div class="post-metadata">

### Author: ![Marta\_Bondyra](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marta_bondyra/32/102122_2.png) [@Marta\_Bondyra](https://discuss.elastic.co/u/Marta_Bondyra)
#### Post date: [November 15, 2022, 1:58pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/9 "2022-11-15T13:58:27Z")

</div>

Are you checking the right dimension? In the example below, it's 'metrics' you should be looking at, not rows.

 ![Screenshot 2022-11-15 at 14.57.41](https://us1.discourse-cdn.com/elastic/original/3X/e/9/e91e82ee324f008b5dcdc7c2e5d9cdbde401b293.png)

---

<div class="post-metadata">

### Author: ![Tukaram](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/tukaram/32/118944_2.png) [@Tukaram](https://discuss.elastic.co/u/Tukaram)
#### Post date: [November 15, 2022, 2:45pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/10 "2022-11-15T14:45:03Z")

</div>

Well, interesting, I could not find that option on existing fields but tried adding new and its there. Great! will give it try.

---

<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 13, 2022, 2:45pm UTC](https://discuss.elastic.co/t/plot-a-table-with-custom-rule-based-color-in-background/318844/11 "2022-12-13T14:45:47Z")

</div>

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