# Problem creating a custom color ramp for a layer

**URL:** <https://discuss.elastic.co/t/problem-creating-a-custom-color-ramp-for-a-layer/373890>\
**Category:** Kibana\
**Tags:** maps\
**Created:** [January 30, 2025, 12:10pm UTC](https://discuss.elastic.co/t/problem-creating-a-custom-color-ramp-for-a-layer/373890 "2025-01-30T12:10:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![juandres117](https://avatars.discourse-cdn.com/v4/letter/j/7ea924/32.png) [@juandres117](https://discuss.elastic.co/u/juandres117)\
**Post date:** [January 30, 2025, 12:10pm UTC](https://discuss.elastic.co/t/problem-creating-a-custom-color-ramp-for-a-layer/373890/1 "2025-01-30T12:10:11Z")

</div>

Hey there!  
I am uploading different economics indicators to Kibana. However, I am having troubles with the definition of the values of the ramp.

 ![Captura de pantalla 2025-01-30 130800](https://us1.discourse-cdn.com/elastic/original/3X/a/a/aa7a120af3d64bf3d9442243183e712c28f0f7b8.png)

As you can see I have negative values in some countries. I have to change the scale to get a better representation so I was trying to do it like this.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/b/1/b104fb921ac9dc59867d8f065e957de98ce78ce2.png)

And it seems like I can not use negative values there.

Is there anything I am doing wrong?

Thanks in advance!!!

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [January 30, 2025, 4:19pm UTC](https://discuss.elastic.co/t/problem-creating-a-custom-color-ramp-for-a-layer/373890/2 "2025-01-30T16:19:56Z")

</div>

There's some weird behaviour validating the category values. I could add for example `2.95` and then remove `3.0` . Quite annoying. I'll open an issue about this and add it here.

![Peek 2025-01-30 17-18](https://us1.discourse-cdn.com/elastic/original/3X/2/9/29a76c032ea5b6612d64e5ebc28e3f7c2784a0b1.gif)

Sorry for the inconvenience.

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [January 30, 2025, 4:34pm UTC](https://discuss.elastic.co/t/problem-creating-a-custom-color-ramp-for-a-layer/373890/3 "2025-01-30T16:34:47Z")

</div>

Issue created, please feel free to subscribe or chime in with any further details you may want to provide.

> <https://github.com/elastic/kibana/issues/208985>
>
> \> \[!note\]
> \> Reported at this \[discuss post\](https://discuss.elastic.co/t/problem…-creating-a-custom-color-ramp-for-a-layer/373890).
> 
> \*\*Kibana version:\*\*
> 8.17
> 
> \*\*Elasticsearch version:\*\*
> 8.17
> 
> \*\*Server OS version:\*\*
> Cloud
> 
> \*\*Browser version:\*\*
> Firefox 134.0.2 (64-bit)
> 
> \*\*Browser OS version:\*\*
> Ubuntu 20.04
> 
> \*\*Original install method (e.g. download page, yum, from source, etc.):\*\*
> Cloud
> 
> \*\*Describe the bug:\*\*
> Can't set up a negative value in a custom ramp in the Maps app
> 
> \*\*Steps to reproduce:\*\*
> 1. Install the Kibana Sample Data eCommerce dataset
> 1. Create a new map
> 2. Create a documents layer with the Kibana Sample Data eCommerce
> 3. Symbolize the markers by the \`day\_of\_week\_i\` field for example
> 4. Change to a custom color ramp
> 5. Try to render with a ramp with \`-3, -2, -1, 0, 1, 2\`
> 6. The first step (\`-3\`) does not validate
> 
> Weirdly, this works:
> 
> 1. adding a new step below the invalid \`-3\` that will take \`-2.5\`
> 2. removing the invalid \`-3\`
> 3. editing \`-2.5\` to something like \`-2.99\`
> 
> !\[Image\](https://github.com/user-attachments/assets/e35fdc1b-e948-44ba-9aa8-02c973d99c3a)
> 
> More weirdly, when running from \`main\` the previous workflow does not work
> 
> As soon as moving to -3 or greater, the input is always invalid
> 
> !\[Image\](https://github.com/user-attachments/assets/29028329-5f88-48e9-8dfa-04d105c1ce4a)
> 
> \*\*Expected behavior:\*\*
> \`-3\` should be a valid value.
> 
> 
> \*\*Errors in browser console (if relevant):\*\*
> Nothing