[Lens] Color Mapping isn't working for custom ranges and multi-top values

[bhavyarm]

Kibana version: main

Browser version: chrome latest

Original install method (e.g. download page, yum, from source, etc.): from snapshots

Describe the bug: If you add custom ranges for lens bar charts, color mapping feature doesn't work. You have to turn it off to see the colors.

Steps to reproduce:
(Followed this tutorial - https://www.elastic.co/guide/en/kibana/current/create-a-dashboard-of-panels-with-web-server-data.html#custom-ranges. The bug happens before the conversion to donut chart)

1. Go to dashboard ->create viz-> lens -> select kibana sample data logs
2. Drag bytes into vertical axis - change it into sum
3. Drag bytes into breakdown field
4. Click on bytes in breakdown and add custom ranges
5. The chart is all grey
6. Turn off the color mapping
7. Chart is colorful again

color_mapping_isn.t_working.mp4

[elasticmachine]

Pinging @elastic/kibana-visualizations (Team:Visualizations)

[nickofthyme]

Thanks @bhavyarm I can confirm the issue. Two additional observations:

• The colors are grey even with explicit color mappings.
• The colors are not being set as unassigned but rather always a default grey.

I think this would be good to look at when we work on #179322

[mbondyra]

It also doesn't work for multitop values, here's the dashboard screenshot with all the cases I checked:

In total, all the cases that don't work are:

1. Unassigned multi top values for xy chart
2. Unassigned multi top values for partition chart
3. 'Other' for partition chart
4. custom ranges - both unassigned and assigned, both xy and partition