From 9cd8c21d8ed8356ed0488e67099aa596579919e3 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Fri, 21 Jan 2022 13:00:58 +0000
Subject: [PATCH] :zap: Show real value on hover, percentage chart

---
 src/components/Charts/PercentageChart.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Charts/PercentageChart.vue b/src/components/Charts/PercentageChart.vue
index be5c0324..d4b4b539 100644
--- a/src/components/Charts/PercentageChart.vue
+++ b/src/components/Charts/PercentageChart.vue
@@ -15,7 +15,7 @@
   <!-- Chart Legend / Key -->
   <div class="legend">
     <div v-for="(block, inx) in blocks" :key="inx"
-      class="legend-item" v-tooltip="`${Math.round(block.width)}%`">
+      class="legend-item" v-tooltip="`${Math.round(block.width)}% (${block.value})`">
       <div class="dot" v-if="block.label" :style="makeDotColor(block)"></div>
       <div class="txt" v-if="block.label">{{ block.label }}</div>
     </div>
@@ -59,6 +59,7 @@ export default {
           width: Math.round(value.size * multiplier),
           color: value.color || defaultColor,
           label: value.label,
+          value: value.size,
         });
         startPositionSum += (value.size * multiplier);
       });