PGL/Clyde
PGL/Clyde
3
2
Fork 3
Code Issues 13 Pull Requests Actions Projects 3 Releases 2 Wiki Activity

making the chart responsive

Browse Source
This commit is contained in:
Bartha Maxime 2024-04-04 16:14:19 +02:00
parent bd7d2c2d51
commit dbe28a7fed
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/Apps/ResearcherProfile.vue
View File

@ -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">