ayanova/src/views/ops-metrics.vue

@@ -18,10 +18,16 @@
     <v-col cols="12">
       <gz-chart-line :chartData="cpuChartData" :options="chartOptions" />
     </v-col>
-
+    <v-col cols="12">
-    <!-- <v-col cols="12">
+      {{ gc0ChartData }}
-      <gz-chart-line :chartdata="gcChartData" :options="chartOptions" />
+      <gz-chart-line :chartData="gc0ChartData" :options="chartOptions" />
-    </v-col> -->
+    </v-col>
+    <v-col cols="12">
+      <gz-chart-line :chartData="gc1ChartData" :options="chartOptions" />
+    </v-col>
+    <v-col cols="12">
+      <gz-chart-line :chartData="gc2ChartData" :options="chartOptions" />
+    </v-col>
   </v-row>
 </template>
 
@@ -94,6 +100,51 @@ export default {
         ]
       };
     },
+    gc0ChartData() {
+      return {
+        labels: this.obj.downSampled
+          ? this.obj.metricMM.gen0Labels
+          : this.obj.metricMM.labels,
+        datasets: [
+          {
+            label: "GC Gen0",
+            borderColor: "red",
+            fill: false,
+            data: this.obj.metricMM.gen0
+          }
+        ]
+      };
+    },
+    gc1ChartData() {
+      return {
+        labels: this.obj.downSampled
+          ? this.obj.metricMM.gen1Labels
+          : this.obj.metricMM.labels,
+        datasets: [
+          {
+            label: "GC Gen1",
+            borderColor: "blue",
+            fill: false,
+            data: this.obj.metricMM.gen1
+          }
+        ]
+      };
+    },
+    gc2ChartData() {
+      return {
+        labels: this.obj.downSampled
+          ? this.obj.metricMM.gen2Labels
+          : this.obj.metricMM.labels,
+        datasets: [
+          {
+            label: "GC Gen2",
+            borderColor: "green",
+            fill: false,
+            data: this.obj.metricMM.gen2
+          }
+        ]
+      };
+    },
     memChartData() {
       return {
         labels: this.obj.metricMM.labels,
@@ -118,31 +169,6 @@ export default {
           }
         ]
       };
-    },
-    gcChartData() {
-      return {
-        labels: this.obj.metricMM.labels,
-        datasets: [
-          {
-            label: "Gen0",
-            borderColor: "green",
-            fill: false,
-            data: this.obj.metricMM.gen0
-          },
-          {
-            label: "Gen1",
-            borderColor: "blue",
-            fill: false,
-            data: this.obj.metricMM.gen1
-          },
-          {
-            label: "Gen2",
-            borderColor: "red",
-            fill: false,
-            data: this.obj.metricMM.gen2
-          }
-        ]
-      };
     }
   },
   methods: {