Yarninator/boardgame_site_v2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Self hosting chart.js

Browse source
This commit is contained in:
Yarne Coppens 2024-08-12 08:27:10 +02:00
parent 141f533af6
commit 8036276187
4 changed files with 53 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
static/javascript/chart/chart.js Normal file
View file

File diff suppressed because one or more lines are too long

5
static/javascript/main.js
View file

@ -148,7 +148,7 @@ async function loadStatistics(){
new Chart(overtimechart, {
type: 'bar',
data: {
labels: Object.keys(games_over_time_statistic.result),//['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
labels: Object.keys(games_over_time_statistic.result),
datasets: [{
label: '# of Games',
data: Object.values(games_over_time_statistic.result),
@ -163,6 +163,9 @@ async function loadStatistics(){
}
}
});
$("#overtimechartname").text(games_over_time_statistic.name)
}
async function loadGame() {

2
templates/base.jinja
View file

@ -13,7 +13,7 @@
<script src="{{ url_for('static', filename='javascript/jquery/jquery-3.7.1.min.js') }}" defer></script>
<script src="{{ url_for('static', filename='javascript/datatables/datatables.min.js') }}" defer></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="{{ url_for('static', filename='javascript/chart/chart.js') }}"></script>
<script src="{{ url_for('static', filename='javascript/main.js') }}" defer></script>
</head>

29
templates/statistics.jinja
View file

@ -5,7 +5,34 @@
<body onload="loadStatistics()">
<canvas id="overtimechart"></canvas>
<div class="row">
<div class="col">
<div class="card">
<canvas id="overtimechart"></canvas>
<div class="card-body">
<h4 class="card-title" id="overtimechartname"></h4>
</div>
</div>
</div>
<div class="col">
<div class="card">
<canvas id="overtimechart"></canvas>
<div class="card-body">
<h4 class="card-title" id="overtimechartname"></h4>
</div>
</div>
</div>
<div class="col">
<div class="card">
<canvas id="overtimechart"></canvas>
<div class="card-body">
<h4 class="card-title" id="overtimechartname"></h4>
</div>
</div>
</div>
</div>
</body>