Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Time axis improvements #1310

Closed
markov00 opened this issue Aug 18, 2021 · 2 comments · Fixed by #1430
Closed

Time axis improvements #1310

markov00 opened this issue Aug 18, 2021 · 2 comments · Fixed by #1430
Assignees
@monfera
Labels
:axis Axis related issue breaking change kibana cross issue Has a Kibana issue counterpart :xy Bar/Line/Area chart related

Comments

@markov00
Copy link
Member

markov00 commented Aug 18, 2021 •
edited by ghudgins
Loading

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:
image

Kibana cross issues:
@markov00 markov00 added :axis Axis related issue :xy Bar/Line/Area chart related labels Aug 18, 2021
@ghudgins ghudgins changed the title Timeslip integration in progress Time axis improvements Aug 18, 2021
@monfera monfera mentioned this issue Aug 23, 2021
Merged
3 tasks
@ghudgins ghudgins added the kibana cross issue Has a Kibana issue counterpart label Aug 30, 2021
@ghudgins
Copy link
Contributor

linking up kibana issue - elastic/kibana#51227

@ghudgins ghudgins mentioned this issue Aug 30, 2021
Closed
@monfera
Copy link
Contributor

monfera commented Aug 31, 2021

Adding a charts generated snapshot of interim steps toward the listed goals:

image

@monfera monfera mentioned this issue Sep 7, 2021
Merged
8 tasks
@monfera monfera mentioned this issue Oct 18, 2021
Merged
28 tasks
@markov00 markov00 mentioned this issue Oct 26, 2021
Merged
markov00 pushed a commit to elastic/kibana that referenced this issue Oct 27, 2021
@nickofthyme
[Charts] Multi-layer time axis (#115853)
6b4d9dd 
This commit introduces the multi-layer time axis in Discover, Lens, Visualize, TSVB.
It adds visualization:useLegacyTimeAxis advanced settings under charts plugin to toggle legacy time axis.

The new multi-layer time axis is introduced in @elastic/charts https://elastic.github.io/elastic-charts/?path=/story/area-chart--timeslip and was demoed as part of the Kibana Demo Days.

It is the outcome of the research done in elastic/elastic-charts#1310 related to improving the time axis solving the following problems:
- 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)
@markov00 markov00 mentioned this issue Oct 29, 2021
Merged
@markov00 markov00 mentioned this issue Sep 23, 2024
Open
3 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@monfera monfera

Labels
:axis Axis related issue breaking change kibana cross issue Has a Kibana issue counterpart :xy Bar/Line/Area chart related
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(xy): multilayer time axis monfera/elastic-charts
3 participants
@markov00 @monfera @ghudgins