🚸 Temp graph: Scale ticksize based on cutoff time

If there would be more of 10 ticks on the x-axis, add 5min to the tick
interval until that's no longer the case. That way the x-axis on the
graph now automatically scales so that the axis tick labels are still
readable and usable.

Closes #5003

src/octoprint/static/js/app/viewmodels/temperature.js

@@ -568,7 +568,11 @@ $(function () {
                         )
                             return [];
 
-                        const tickSize = 5 * 60 * 1000; // 5 minutes
+                        let tickSize = 5 * 60 * 1000; // 5 minutes
+                        while ((axis.max - axis.min) / tickSize > 10) {
+                            tickSize += 5 * 60 * 1000; // 5 minutes
+                        }
+
                         const ticks = [];
                         let val = axis.max;
                         while (val > axis.min) {
@@ -592,7 +596,7 @@ $(function () {
                         } else if (diffInMins === 0) {
                             return gettext("now");
                         } else {
-                            return "- " + diffInMins + " " + gettext("min");
+                            return "-" + diffInMins + gettext("min");
                         }
                     }
                 },