From dbe28a7fedb16bcadcff283390cfa72e0f5a64ba Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Thu, 4 Apr 2024 16:14:19 +0200
Subject: [PATCH] making the chart responsive

---
 frontend/src/Apps/ResearcherProfile.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/frontend/src/Apps/ResearcherProfile.vue b/frontend/src/Apps/ResearcherProfile.vue
index 89d3f58..6dc614c 100644
--- a/frontend/src/Apps/ResearcherProfile.vue
+++ b/frontend/src/Apps/ResearcherProfile.vue
@@ -1,6 +1,5 @@
 <script setup>
 import { ref } from "vue";
-import {w} from "../../dist/assets/_plugin-vue_export-helper-Bvj9NrzX.js";
 const input = ref("");
 const statsOf = ref("");
 const statsBy = ref("");
@@ -61,11 +60,15 @@ const mydata = {
   },
   methods : {
     chartInstance(chart){
-      console.log(chart)
-      this.chart = chart;
+      mydata.chart = chart
     },
     update(){
-      this.chart.render();
+      mydata.options.title = {
+        fontColor: "white",
+        text: statsOf.value + " By "+ statsBy.value,
+      }
+      mydata.chart.render()
+      console.log(mydata.options.title)
       setTimeout(this.update, 1000);
     }
   }
@@ -108,7 +111,7 @@ const mydata = {
         </select>
       </div>
       <div id="statsPie">
-        <CanvasJSChart :options="mydata.options" :style="mydata.styleOptions" @chart-ref="mydata.methods.chartInstance(this)"/>
+        <CanvasJSChart :options="mydata.options" :style="mydata.styleOptions"  @chart-ref="mydata.methods.chartInstance"/>
       </div>
     </div>
     <div id="articles">