OctoPrint/OctoPrint

[Request] Improve layout of main Temp chart

Closed this issue · 2 comments

Is your feature request related to a problem? Please describe.

The x-axis labels of past time intervals are bit too noisy. The default 120 values is just a spray of hyphens, values and redundant min labels.
Visibility could be improved.

I'm using a current Chrome browser on Mac OS. The issue does not alleviate itself when the window is stretched horizontally. Reducing the total interval to "70" does make the layout more consistent. Setting it to '240' completely blows out the layout.

Describe the solution you'd like

  • Decrease the kerning between the "-" and the value.
  • Reduce all the min labels down to one axis label centered horizontally on the axis below the interval markers.
Screen Shot 2024-04-29 at 10 44 51 AM

Describe alternatives you've considered

No response

Additional context

No response

Just to clarify something here, the default is 30 minutes, not 120:

image

However, I agree that it also still look sensible above that, so I'll look what I can do here.

Ready for 1.10.1.

Now looks like this, the ticks on the time axis scale automatically to a multiple of 5min that fits:

Screenshot from 2024-05-06 14-11-26