[Perl] DAQ system for the FAPG.
feat rotate x-axis labels 45° for mobile readability
Set Chart.js global defaults for category scale ticks to always render at 45° rotation. This prevents label overlap on narrow screens without needing per-chart configuration.
roles/dashboard/public/js/dashboard.js
@@ -6,6 +6,10 @@
6
6
import { createStatusLoader } from "./dashboard/status.js";
7
7
import { createTimeframeState } from "./dashboard/timeframe.js";
8
8
9
Added:
// Global chart defaults: incline x-axis labels for better mobile readability
10
Added:
Chart.defaults.scales.category.ticks.maxRotation = 45;
11
Added:
Chart.defaults.scales.category.ticks.minRotation = 45;
12
Added:
9
13
const timeframe = createTimeframeState();
10
14
const probes = createProbeCharts(timeframe);
11
15
const insights = createInsightsCharts();