ayanova/src/views/ops-metrics.vue

@@ -47,18 +47,18 @@
           </v-col>
         </v-tab-item>
         <v-tab-item>
-          <v-col cols="12" class="my-1">
-            <v-sheet elevation="4">
-              <gz-chart-line
-                :chartData="dbChartData"
-                :options="timeLineChartOptions"
-              />
-            </v-sheet>
+          <v-col cols="12">
+            <gz-chart-line
+              :chartData="dbChartData"
+              :options="timeLineChartOptions"
+              class="my-12 mr-12"
+            />
           </v-col>
-          <v-col cols="12" sm="6" lg="4" xl="3" class="my-1">
-            <v-sheet elevation="4">
-              <gz-chart-pie :chartData="dbTopTablesChartData" />
-            </v-sheet>
+          <v-col cols="12" sm="6" lg="4">
+            <gz-chart-bar-horizontal
+              :chartData="dbTopTablesChartData"
+              class="my-12"
+            />
           </v-col>
         </v-tab-item>
         <v-tab-item>
@@ -324,7 +324,7 @@ export default {
         labels: window.$gz._.map(this.db.topTables, "name"),
         datasets: [
           {
-            label: "Top tables (MB)",
+            label: "Top tables (KB)",
             data: window.$gz._.map(this.db.topTables, "value"),
             backgroundColor: getPalette(
               this.db.topTables ? this.db.topTables.length : 3