graphs: only disable x grid

dashboard/src/components/SystemMetrics.vue

@@ -38,7 +38,7 @@ const periods = [
 ];
 
 const busy = ref(false);
-const period = ref(24*7);
+const period = ref(6);
 const cpuGraphNode = useTemplateRef('cpuGraphNode');
 const memoryGraphNode = useTemplateRef('memoryGraphNode');
 
@@ -107,7 +107,10 @@ async function refresh() {
           autoSkipPadding: 20, // padding between ticks
           maxRotation: 0, // don't rotate the labels
           maxTicksLimit: 15, // max tick labels to show
-        }
+        },
+        grid: {
+          drawOnChartArea: false,
+        },
       },
       y: {
         type: 'linear',
@@ -118,9 +121,6 @@ async function refresh() {
           maxTicksLimit: 6 // max tick labels to show
         },
         beginAtZero: true,
-        grid: {
-          drawOnChartArea: false,
-        },
       },
     },
     interaction: {
@@ -188,7 +188,10 @@ async function refresh() {
           autoSkipPadding: 20, // padding between ticks
           maxRotation: 0, // don't rotate the labels
           maxTicksLimit: 15, // max tick labels to show
-        }
+        },
+        grid: {
+          drawOnChartArea: false,
+        },
       },
       y: {
         type: 'linear',
@@ -203,9 +206,6 @@ async function refresh() {
         },
         beginAtZero: true,
         stacked: true,
-        grid: {
-          drawOnChartArea: false,
-        },
       }
     },
     interaction: {