Problems in scope:

• sparse time labels that can be far apart
• unclear where time point is on the label (the middle)
• difficult / tedious to read due to redundant information and small fonts
• resolution is not explicit (is it hours of days or days themselves)

Solution requirements:

Requirements Presentation. Below highlights

• natural time units that are responsive in a hierarchy
• common multiples (6hrs in screenshot)
• No exceptions or gaps
• Visually uniform pitch
• Supports RTL and localization
• Supports dark mode
• Accessibility: make sure the ticks read the full date for screen readers

Rollout:

• Replacement of existing time axis on upgrade to be verified by all elastic-charts consumers
• Nice to have: Gridline controls should adhere to existing api (for seamless integration)

Examples:

Kibana cross issues:

• [Lens] Improve date formatting by using a context-aware formatter like D3 kibana#51227