Client - update stats chart display (wip)

fittrackee_client/src/components/Common/StatsChart/Chart.vue

@@ -48,13 +48,18 @@
           x: {
             stacked: true,
             grid: {
-              display: false,
+              drawOnChartArea: false,
             },
           },
           y: {
             stacked: true,
             grid: {
-              display: false,
+              drawOnChartArea: false,
+            },
+            ticks: {
+              callback: function (value) {
+                return formatTooltipValue(props.displayedData, +value, false)
+              },
             },
           },
         },

fittrackee_client/src/components/Common/StatsChart/index.vue

@@ -67,3 +67,19 @@
     },
   })
 </script>
+
+<style lang="scss">
+  @import '~@/scss/base';
+  .stat-chart {
+    .chart {
+      height: 335px;
+    }
+  }
+  @media screen and (max-width: $small-limit) {
+    .stat-chart {
+      .chart {
+        height: 280px;
+      }
+    }
+  }
+</style>

fittrackee_client/src/components/Dashboard/UserMonthStats.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="user-month-stats">
     <Card :without-title="false">
       <template #title>{{ $t('dashboard.THIS_MONTH') }}</template>
       <template #content>