[Lens] Switch to unified metric renderer

[flash1293]

Lens should use the unified metric renderer as well. To make this possible, some additional functionality has to be added to the unified renderer:

• Auto sizing - [MetricVis] Add auto scale functionality to metric unified renderer #124811
• Possibility to apply color background for whole container - [MetricVis] Add possibility to apply color background for whole container in metric #125217
  • This setting should only take effect as long as no small multiples are used. We will get back to this later when introducing small multiples for Lens metric visualizations
• Possibility to configure label font and position (top/bottom) - [MetricVis] Add possibility to configure label font and position in metric unified renderer #125251
• Using formatting from the table if we didn't provide formatter in metric arg - blocked by [Expression] Problem with formatting when we use vis_dimension type as arg #125797

[elasticmachine]

Pinging @elastic/kibana-vis-editors @elastic/kibana-vis-editors-external (Team:VisEditors)

[VladLasitsa]

@flash1293, As I see unified metric renderer has already supported coloring background / number via provided palette. One difference from Lens that in Lens background color appling for all container, but in metric unified renderer only for small area around metric.

In Metric:

in Lens

• Should we add new argument in metric expression to allow apply background color for all container?
• As I mentioned above this is already supported: Color background / number via provided palette, what should we do as part of that task?

[flash1293]

@VladLasitsa good point

Should we add new argument in metric expression to allow apply background color for all container?

• This makes sense to me, I think we should make the current Lens behavior default with an option to switch to the Visualize behavior
• It seems like the label is smaller in the visualize case, right? Is this configurable already via font argument?

As I mentioned above this is already supported: Color background / number via provided palette, what should we do as part of that task?

• If it works already nothing to be done here - the next step would be to use the unified renderer from within Lens and remove the Lens specific metric renderer

[VladLasitsa]

It seems like the label is smaller in the visualize case, right? Is this configurable already via font argument?

That next question: For now we don't have possibility to configure label font. The provided font arg only affects metric. Should we add something like fontLabel arg that allow configru font for label (in that case we should also check that all things which we can provide as font will be applicable) or just labelFontSize is enough?

[flash1293]

Having a font arg for the label sounds like the cleanest way to me, but it's more relevant for Canvas than anything else. @crob611 what do you think?

[dej611]

Consider also this approach from @shahzad31 for font size : #124124

[VladLasitsa]

@dej611, @flash1293 I think we should add labelFont and labelPosition args which cover all needed cases from #124124. Also I will add sub task about that to the description. What do you think?

[flash1293]

Consider also this approach from @shahzad31 for font size : #124124

I think it's better to stick with the "regular" way of specifying font like @VladLasitsa suggests as it's exposed in other places in Canvas already.

I think we should add labelFont and labelPosition args

I like this suggestion