From 9d43e1178f3e9477117da541d35891fc488ea26f Mon Sep 17 00:00:00 2001
From: chiayin <chiayin.kuo@dsp.im>
Date: Tue, 19 Sep 2023 13:33:32 +0800
Subject: [PATCH] Issue #130: Done.

---
 src/components/Discover/Conformance/ConformanceResults.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/Discover/Conformance/ConformanceResults.vue b/src/components/Discover/Conformance/ConformanceResults.vue
index e2e72e7..dc724a1 100644
--- a/src/components/Discover/Conformance/ConformanceResults.vue
+++ b/src/components/Discover/Conformance/ConformanceResults.vue
@@ -134,7 +134,7 @@
         <!-- Issues chart -->
         <div v-if="data.timeTrend.chart != null" class="border rounded border-neutral-300 p-2 bg-neutral-10 w-1/2">
           <p class="h2 pl-2 flex justify-between items-center">
-            <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span>
+            <span>Time Trend<span class="material-symbols-outlined text-sm align-middle ml-2" v-tooltip.bottom="tooltip.rate">info</span></span>
             <span class="text-2xl"><span class="text-cfm-secondary">{{ data.timeTrend.not_conforming }}</span>/{{ data.timeTrend.total }}</span>
           </p>
           <Chart type="line" :data="timeChartData" :options="timeChartOptions" class="w-[99%]"/>
@@ -242,6 +242,9 @@ export default {
         },
         rate: {
           value: '=(total Non-Conformance/total Conformance)*100%'
+        },
+        timeTrend: {
+          value: '=Not Conforming / (total Conforming+total Not Conforming)'
         }
       }
     }