ayanova/src/views/ops-metrics.vue

@@ -13,16 +13,17 @@
       <v-btn @click="getDataFromApi">
         <v-icon>fa-sync</v-icon>
       </v-btn>
+      {{ $vuetify.breakpoint.name }}
     </v-col>
-    <v-col cols="12" class="mt-10">
-      <gz-chart-line :chartData="memAllChartData" :options="chartOptions" />
+    <v-col cols="12" class="my-1">
+      <gz-chart-line :chartData="memAllChartData" :options="mmChartOptions" />
     </v-col>
 
-    <v-col cols="12" class="mt-10">
-      <gz-chart-line :chartData="cpuChartData" :options="chartOptions" />
+    <v-col cols="12" class="my-1">
+      <gz-chart-line :chartData="cpuChartData" :options="mmChartOptions" />
     </v-col>
-    <v-col cols="12" class="mt-10">
-      <gz-chart-line :chartData="gcAllChartData" :options="chartOptions" />
+    <v-col cols="12" class="my-1">
+      <gz-chart-line :chartData="gcAllChartData" :options="mmChartOptions" />
     </v-col>
   </v-row>
 </template>
@@ -55,7 +56,7 @@ export default {
   data() {
     return {
       obj: {},
-      chartOptions: {
+      mmChartOptions: {
         responsive: true,
         maintainAspectRatio: false,
         scales: {
@@ -175,24 +176,27 @@ export default {
       //Max records depends upon the view but capped at 400
       let max = 400;
       //https://vuetifyjs.com/en/customization/breakpoints/#breakpoint-service-object
+      //Note: used geometric progression of 1.5 for this
+      //40*1.5=60, 60*1.5=90 etc etc etc
+      //wanted it to fit between 40 at lowest end and 200 at highest end
       switch (vm.$vuetify.breakpoint.name) {
         case "xs":
           max = 40;
           break;
         case "sm":
-          max = 130;
+          max = 60;
           break;
         case "md":
-          max = 220;
+          max = 90;
           break;
         case "lg":
-          max = 310;
+          max = 135;
           break;
         case "xl":
-          max = 400;
+          max = 200;
           break;
         default:
-          max = 400;
+          max = 200;
       }
 
       let url =