[Goal] Scale coloring.

[Kuznietsov]

Problem description

While trying to replace the vislib gauge with the goal from the elastic-charts, it has been found the further issue.

Vislib contains the functionality of coloring ticks (scale) by the color of the band. Could you, please, provide such a feature?

Example:

---

Kibana Cross Issues:

• [Visualize] replace Goal and Gauge vislib implementation with elastic-charts kibana#118867

[markov00]

@Kunzetsov @stratoula there is a major difference between the vislib gauge and the elastic-charts one:
the color scale in the elastic-chart is always visible and present in the background, and this removes the need of rendering an additional colored line-scale + ticks right below/internally to the gauge.

The actual value is rendered with the use of the internal "black" bar that shows at what level the current chart is

I think we can remove completely that "show scale" concept from the UI. Such thin line combined with the not so great color patterns provided by default (in particular with the lowest values in the various color scales) is an accessibility killer. Just take a look at the yellow in the example screenshot. Instead, having always the scale in the background will increase the accessibility in reading the ranges.

[stratoula]

I am fine with that. Let's disable it with a tooltip as we are doing on the heatmap. Something like

and see if the users complain. I am closing it for now.