torjus/apiary
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix chart id

Browse Source
This commit is contained in:
Torjus Håkestad 2021-04-10 15:27:11 +02:00
parent 14c2e7c110
commit 4227c149ef
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/frontend/src/components/StatsPie.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="stats-container" :class="containerClass">
<h2>{{ title() }}</h2>
<div class="chart-container" :class="chartClass">
<canvas id="chart" widht="400" height="400"></canvas>
<div class="chart-container">
<canvas :id="chartID" widht="400" height="400"></canvas>
</div>
</div>
</template>
@ -38,8 +38,8 @@ export default class StatsPie extends Vue {
return `stats-container-${this.statType}`;
}
chartClass(): string {
return `chart-container-${this.statType}`;
chartID(): string {
return `chart-${this.statType}`;
}
mounted(): void {
@ -51,9 +51,7 @@ export default class StatsPie extends Vue {
}
renderPie(): void {
const elem = document.getElementById(
this.chartClass(),
) as HTMLCanvasElement;
const elem = document.getElementById(this.chartID()) as HTMLCanvasElement;
const ctx = elem.getContext('2d') as CanvasRenderingContext2D;
const sortedStats = this.stats.sort();
const values = sortedStats.map((s) => s.count);