core-ui
core-ui copied to clipboard
Change the visualisation of the time based on timespan
Component: LineTemporalChart
Why this is needed:
Currently, the chart will display the time axis with the date and a hour

This make sense when you are in a less than 24h use case. However when you are in a past 7 days use case you don't really need it because it's usually not really readable anyway. If you really need the exact time, the user will hover the chart and see the exact time like in the screenshot.
What should be done:
We might want to change the time axis and display only the date when we are in a past 7 days usecase.
We also might want to think a bit more what to display in other use cases.
WDYT @Cuervino
My proposal:
-
for the
last 24 hours, having either 4 ticks of precision, either 6 ticks. The first and the last time ticks areDate + Time, where it's onlyTimefor the other ticks, except the first one after midnight. -
for the
last hour, having 6 ticks, only the last tick with theDate + Time(onlyTimefor the others).
As an example:

Does that look ok for you?
Edit: no "mixed" legend.
