[Lens] X axis styling options

[wylieconlon]

X axis styling needs to be handled a little differently than Y axis styling, because there is only one X axis. These options are potentially part of the Chart-level settings.

Option	Notes	Done
Change axis title	Because there is only one X axis but potentially multiple layers, the title might need to be custom
Hide axis title	Not all visualizations need to use a text-based label, especially if the information is conveyed in the title
Hide tick labels	Same reasoning as hiding the title
Vertical gridlines	Charts library supports many options, but we should make this simple by using a single switch

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[wylieconlon]

Community request to change and hide X axis title: https://discuss.elastic.co/t/lens-request-for-improvement/238285/3

[wylieconlon]

cc @flash1293 @mbondyra - this is closely related to the X axis styling options #68314

[stratoula]

Hide tick labels is not available yet on elastic charts. Found a relevant issue elastic/elastic-charts#312. So we could either prioritize it on elastic charts or instead of hiding the tick labels, give the user the possibility to hide the entire axis.

What do you think? @flash1293 @wylieconlon

[flash1293]

@stratoula Can you make a screenshot of how that would look like?

[stratoula]

Yes so let's assume that this is my chart with the x-axis displayed:

And this is my chart with the x-axis hidden:

The drawback here is that the whole axis is hidden (with the title) so if we go with it, it should be temporary on my point of view.

[flash1293]

Thanks for the screenshot. I think for now we can go with the workaround Caroline described in the elastic-charts issue. Once hidden labels become available, we can switch that out in the Lens renderer and the additional space disappears.

[stratoula]

@nickofthyme informed me that they are going to release it soon so let's keep it in track here :) I can work with Caroline's workaround for now!

[nickofthyme]

FYI here is the PR elastic/elastic-charts#711

[flash1293]

Closed by same PR as #68314