Add new Graph for Active user by canaux

This commit is contained in:
Veaudour Mickael 2018-11-15 21:56:19 +01:00
parent 51827c0fc6
commit 67aef89249
2 changed files with 40 additions and 3 deletions

View file

@ -3,6 +3,7 @@
<script type="text/javascript" src="./channelsstats.js"></script> <script type="text/javascript" src="./channelsstats.js"></script>
<canvas id="byChannel"></canvas> <canvas id="byChannel"></canvas>
<canvas id="byTsunamy"></canvas> <canvas id="byTsunamy"></canvas>
<canvas id="usersByTsunamy"></canvas>
<script> <script>
var ctx = document.getElementById('byChannel').getContext('2d'); var ctx = document.getElementById('byChannel').getContext('2d');
var chart = new Chart(ctx, { var chart = new Chart(ctx, {
@ -74,6 +75,41 @@
} }
} }
}); });
var ctx3 = document.getElementById('usersByTsunamy').getContext('2d');
var chart3 = new Chart(ctx3, {
// The type of chart we want to create
type: 'bar',
// The data for our dataset
data: {
labels: ['Janvier', 'Fevrier', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Aout', 'Septembre', 'Octobre', 'Novembre'],
datasets: activeUsersByChannel,
},
// Configuration options go here
options: {
legend: {
display: false
},
title: {
display: true,
text: "Nombre d'utilisateur actifs par canaux (" + updated +")",
position: "bottom"
},
responsive: true,
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true,
ticks: {
stepSize: 50
}
}]
}
}
});
</script> </script>
</HTML> </HTML>

File diff suppressed because one or more lines are too long