From ecfbf43b2482cd78c39fc790686003587411ec9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torjus=20H=C3=A5kestad?= <torjus.hakestad@usit.uio.no>
Date: Sat, 10 Apr 2021 15:21:38 +0200
Subject: [PATCH] Try to fix stat pies

---
 web/frontend/src/components/StatsPie.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/frontend/src/components/StatsPie.vue b/web/frontend/src/components/StatsPie.vue
index 9e834e2..6f247e6 100644
--- a/web/frontend/src/components/StatsPie.vue
+++ b/web/frontend/src/components/StatsPie.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="stats-container" :class="containerClass">
     <h2>{{ title() }}</h2>
-    <div class="chart-container">
+    <div class="chart-container" :class="chartClass">
       <canvas id="chart" widht="400" height="400"></canvas>
     </div>
   </div>
@@ -37,6 +37,9 @@ export default class StatsPie extends Vue {
   containerClass(): string {
     return `stats-container-${this.statType}`;
   }
+  chartClass(): string {
+    return `chart-container-${this.statType}`;
+  }
 
   mounted(): void {
     const url = `/api/stats?type=${this.statType}&limit=10`;
@@ -47,7 +50,9 @@ export default class StatsPie extends Vue {
   }
 
   renderPie(): void {
-    const elem = document.getElementById('chart') as HTMLCanvasElement;
+    const elem = document.getElementById(
+      this.chartClass(),
+    ) as HTMLCanvasElement;
     const ctx = elem.getContext('2d') as CanvasRenderingContext2D;
     const sortedStats = this.stats.sort();
     const values = sortedStats.map((s) => s.count);