Added hideLabel prop

web/src/components/charts/ClientsChart.vue

@@ -66,12 +66,23 @@ export default {
     suggestedMax1: {
       type: Number,
       default: 80
+    },
+    hideLabels: {
+      type: Boolean,
+      default: false
     }
   },
   data: () => ({}),
   computed: {
     chartOptions() {
       return {
+        plugins: this.hideLabels
+          ? {
+              legend: {
+                display: false
+              }
+            }
+          : undefined,
         responsive: true,
         maintainAspectRatio: false,
 

web/src/views/WifiStats.vue

@@ -3,7 +3,7 @@
     <v-toolbar dense flat>
       <v-spacer />
       <v-select
-        style="max-width: 300px"
+        style="max-width: 250px"
         v-model="minutesIn"
         hide-details
         outlined
@@ -30,11 +30,11 @@
         >
           <v-card flat outlined>
             <v-card-title
-              class="title font-weight-light text-sm-body-1 pb-0 pt-2 px-2"
+              class="title font-weight-light text-sm-body-1 pb-1 pt-2 px-2"
             >
               {{ subnet.name }} - {{ subnet.cidr }}
               <v-spacer />
-              <v-chip small color="primary">
+              <v-chip small color="primary" outlined>
                 {{ subnet.stats[0].clients }}
               </v-chip>
             </v-card-title>
@@ -46,7 +46,8 @@
                 :suggested-max1="
                   maxUsage > 100000000000 ? maxUsage : 100000000000
                 "
-                :height="150"
+                :height="130"
+                hide-labels
               />
             </v-card-text>
           </v-card>