ayanova/src/views/ops-metrics.vue

@@ -55,6 +55,11 @@
               />
             </v-sheet>
           </v-col>
+          <v-col cols="12" class="my-1">
+            <v-sheet elevation="4">
+              <gz-chart-pie :chartData="dbTopTenChartData" />
+            </v-sheet>
+          </v-col>
         </v-tab-item>
         <v-tab-item>
           <v-col cols="12" class="my-1">
@@ -311,6 +316,29 @@ export default {
         ]
       };
     },
+    dbTopTenChartData() {
+      return {
+        datasets: [
+          {
+            data: [10, 20, 30]
+          }
+        ],
+
+        // These labels appear in the legend and in the tooltips when hovering different arcs
+        labels: ["Red", "Yellow", "Blue"]
+        // datasets: [
+        //   {
+        //     label: "Table size (MB)",
+        //     borderColor: CHART_COLOR.blue,
+        //     fill: false,
+        //     radius: 0,
+        //     hoverRadius: 10,
+        //     hitRadius: 4,
+        //     data: this.db.topTen
+        //   }
+        // ]
+      };
+    },
     gcAllChartData() {
       return {
         datasets: [