ayanova/src/views/ops-metrics.vue

@@ -12,10 +12,10 @@
         @input="timePeriodChanged"
       ></v-select>
     </v-col>
-
+<!-- 
     <v-col cols="12">
       {{ $vuetify.breakpoint.name }}
-    </v-col>
+    </v-col> -->
 
     <v-tabs v-model="tab" color="primary" grow @change="tabChanged">
       <v-tabs-slider></v-tabs-slider>
@@ -72,21 +72,14 @@
         <v-tab-item>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="attachSizeChartData"
+              :chartData="fileSizeChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
           </v-col>
           <v-col cols="12">
             <gz-chart-line
-              :chartData="utilitySizeChartData"
-              :options="timeLineChartOptions"
-              class="my-12"
-            />
-          </v-col>
-          <v-col cols="12">
-            <gz-chart-line
-              :chartData="fileCountChartData"
+              :chartData="attachmentCountChartData"
               :options="timeLineChartOptions"
               class="my-12"
             />
@@ -363,7 +356,7 @@ export default {
           },
           {
             label: "GC Gen1",
-            borderColor: CHART_PALETTE.red,
+            borderColor: CHART_PALETTE.cyan,
             fill: false,
             radius: 0,
             hoverRadius: 10,
@@ -372,7 +365,7 @@ export default {
           },
           {
             label: "GC Gen2",
-            borderColor: CHART_PALETTE.green,
+            borderColor: CHART_PALETTE.black,
             fill: false,
             radius: 0,
             hoverRadius: 10,
@@ -418,7 +411,7 @@ export default {
         ]
       };
     },
-    attachSizeChartData() {
+    fileSizeChartData() {
       return {
         datasets: [
           {
@@ -430,7 +423,15 @@ export default {
             hitRadius: 4,
             data: this.storage.attachmentFileSize
           },
-
+          {
+            label: "Backup (MB)",
+            borderColor: CHART_PALETTE.orange,
+            fill: false,
+            radius: 0,
+            hoverRadius: 10,
+            hitRadius: 4,
+            data: this.storage.utilityFileSize
+          },
           {
             label: "Available space (MB)",
             borderColor: CHART_PALETTE.green,
@@ -443,52 +444,17 @@ export default {
         ]
       };
     },
-    utilitySizeChartData() {
-      return {
-        datasets: [
-          {
-            label: "Backup (MB)",
-            borderColor: CHART_PALETTE.orange,
-            fill: false,
-            radius: 0,
-            hoverRadius: 10,
-            hitRadius: 4,
-            data: this.storage.utilityFileSize
-          },
-
-          {
-            label: "Available space (MB)",
-            borderColor: CHART_PALETTE.green,
-            fill: false,
-            radius: 0,
-            hoverRadius: 10,
-            hitRadius: 4,
-            data: this.storage.utilityFilesAvailableSpace
-          }
-        ]
-      };
-    },
-    fileCountChartData() {
+    attachmentCountChartData() {
       return {
         datasets: [
           {
             label: "Attachment files",
-            borderColor: CHART_PALETTE.purple,
+            borderColor: CHART_PALETTE.blue,
             fill: false,
             radius: 0,
             hoverRadius: 10,
             hitRadius: 4,
             data: this.storage.attachmentFileCount
-          },
-
-          {
-            label: "Backup files",
-            borderColor: CHART_PALETTE.orange,
-            fill: false,
-            radius: 0,
-            hoverRadius: 10,
-            hitRadius: 4,
-            data: this.storage.utilityFileCount
           }
         ]
       };