core-ui icon indicating copy to clipboard operation
core-ui copied to clipboard

Change the visualisation of the time based on timespan

Open MonPote opened this issue 4 years ago • 3 comments

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.

MonPote avatar Sep 13 '21 12:09 MonPote

WDYT @Cuervino

MonPote avatar Sep 13 '21 12:09 MonPote

My proposal:

  • for the last 24 hours, having either 4 ticks of precision, either 6 ticks. The first and the last time ticks are Date + Time, where it's only Time for the other ticks, except the first one after midnight.

  • for the last hour, having 6 ticks, only the last tick with the Date + Time (only Time for the others).

As an example: image

Does that look ok for you?

Cuervino avatar Sep 14 '21 14:09 Cuervino

Edit: no "mixed" legend. image

Cuervino avatar Sep 14 '21 16:09 Cuervino