Kibana multi-layer time axis

[markov00]

A collection of tasks and issues related to the introduction of the new multi-layer time axis in Kibana.

Tasks

Preview Give feedback

1. Remove specified locale translations for multi-layer time axis #2158
   :axis :xy bug +3
   
2. [xy] Connect multi-time axis to Kibana Locale #2157
   :axis :i18n :xy enhancement +4
   
3. Improve gridline styles (nicely mark major, minor and ticks)
4. testing: addition of VRT cases for the various time resolutions (quite a few zoom levels from ms to decades, not all covered yet)
5. testing: addition of tests on time zones get handled correctly
6. Lens: try handling the clustered bar time series within the library, or switch to ordinal bar chart within Lens in that specific case
7. [Lens] Connect Kibana Locale to Elastic-Charts kibana#166240
   Feature:Lens Team:Visualizations enhancement impact:medium +4
   

• Verify and fix darkmode (fix(xy): time axis improvements #1445)
• Don't show tick/grid line for leftmost tick if it's outside the domain (fix(xy): multilayer time axis tick/grid only when tick is inside domain #1446)
• Show tick value in label, rather than start of the domain for a leftmost tick outside the domain (fix(xy): multilayer time axis tick/grid only when tick is inside domain #1446)
• Align font sizes in axes ([charts] Fix multilayer time axis styles kibana#116749)
• DRY multi-layer time axis style in Kibana (move the style in charts plugin and import when needed) ([charts] Fix multilayer time axis styles kibana#116749)
• TSVB: Disable multi-time axis when the chart is configured with clustered bars ([charts] Fix multilayer time axis styles kibana#116749)
• Lens: Hide Disable axis tick label orientation configuration when using the multilayer axis with tooltip: "Axis orientation is not compatible with time axis"
• Visualize: align, filter and truncate can be removed disabled from the UI when using the multiLayerTimeAxis with tooltip "{Featurename} is not compatible with time axis"
• UX issue: sparser ticks/gridlines 2: chart width dependent minimum allowed tick pixel distance
• UX issue: theme integration and ensuring layer and theme dependent tick lengths (or lack thereof), such as grid saliency
• AM/PM --> 24h

Original source: Details section of #1430

[dej611]

* [ ] Make it work for "Horizontal" XY charts (pics here from Lens and Visualize)(horizontal time line is out of scope for now

• When using the vertical bar chart configuration (no stacked) there's probably some issue with the partial annotation on the left (fixing in [charts] Fix multilayer time axis styles kibana#116749)

notice the difference with the line chart for instance:

* [ ] Is there a plan to port it to Heatmap too? It would be nice to have it consistent (no plans for heatmap yet)

• Visualize "normal" bar chart does not have it enabled (every other configuration is ok):