Heatmap color scales

How can I show a 3 colour heatmap, centred on zero, like this..

The closest I have managed to get is this, which is far from ideal.


There is a way you can do something like this using the Custom Range inside the Heatmap options.

Only small problem is that white is not available as a color.
Ans if you want more granularity for the colors it will take a while to add them all in as ranges.

Thanks for your response. That allows me to centre the heatmap on zero, but not use say blue for +'ve and red for -'ve. Also the heatmap is over a sum, so when you filter the data or change time window, the fixed scale becomes useless.

You can change the colors for each range in the legend(click on an item and it opens a color picker), so you can select red for higher and blue for lower, but yuou won't get gradients unless you define ranges for each gradient. It's a bit weird with the data ranges, you're right, if you want gradients.
I'd recommend adding an enhancement request here: https://github.com/elastic/kibana/issues as this seems like a very useful color schema.

OK, so, using "percentage mode" and then manually selecting the colours from the legend, gets me pretty close to what I am after.

Thanks for your help.

Glad it helped. Also, fyi, custom ranges are not available with percentage mode, so you can only use the buckets automatically calculated when you split 100 to the number of colors set in the options menu.

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