function displayfileData(allData) {
allData.forEach( (usager) => {
let identite = usager.identite;
let situation = usager.situation;
let frequentation = usager.frequentation;
let espace = usager.espace;
let telephone = usager.telephone;
document.querySelector("#data-container").innerHTML +=
"
" +
"
" + identite + "
" +
"
à visité " + frequentation + " fois
" +
"
Situation: " + situation + "
" +
"
Espace: " + espace + "
" +
"
Telephone: " + telephone + "
" +
"
";
});
}
function freqBySpace(allData) {
//console.log(allData);
var accueilArr = [];
var espace1Arr = [];
var espace2Arr = [];
allData.forEach( (usager) => {
//console.log(book.format);
switch (usager.espace) {
case "Accueil":
//console.log("in E!");
accueilArr.push(usager.frequentation);
break;
case "Espace 1":
//console.log("in H!");
espace1Arr.push(usager.frequentation);
break;
case "Espace 2":
//console.log("in P!");
espace2Arr.push(usager.frequentation);
break;
default:
break;
}
});
//console.log(ebookArr, hardcoverArr, paperbackArr);
var sumAccueilFreq = getArrayAverage(accueilArr);
var sumEspace1Freq = getArrayAverage(espace1Arr);
var sumEspace2Freq = getArrayAverage(espace2Arr);
console.log(sumAccueilFreq, sumEspace1Freq, sumEspace2Freq);
return {
"title": "Fréquentation des espaces de microfolies",
"key": "Total fréquentation",
"espaceFormat": ["Accueil", "Espace 1", "Espace 2"],
"avePrice": [sumAccueilFreq, sumEspace1Freq, sumEspace2Freq]
};
}
function getArrayAverage(arr) {
total = 0;
arr.forEach( (frequentation) => {
total += frequentation;
});
//var average = (total / arr.length).toFixed(2);
return total;
}
function createChartToDOM(titleInfo, xLabelInfo, legendKeyLabel, dataInfo) {
var data = {
//labels: [],
labels: xLabelInfo,
datasets: [{
label: legendKeyLabel,
borderColor: "rgb(255, 99, 132)",
backgroundColor: "rgba(255, 99, 132, 0.5)",
borderWidth: 1,
data: dataInfo,
fill: false,
}]
}
var options = {
scales: {
xAxes: [{
//display: false,
ticks: {}
}],
yAxes: [{
display: true,
scaleLabel: {
display: true,
labelString: 'FREQUENTATION ',
fontSize: 18,
fontColor: "#333",
},
ticks: {
beginAtZero: true
}
}],
xAxes: [{
scaleLabel: {
display: true,
labelString: 'ESPACES',
fontSize: 18,
fontColor: "#333",
}
}]
},
elements: {
line: {
tension: 0.1, // disables bezier curves
}
},
layout: {
padding: {
left: 10,
right: 10,
top: 0,
bottom: 0
}
},
/*
title: {
display: true,
fontSize: 36,
fontFamily: "monospace",
fontColor: "#333",
text: titleInfo,
bottom: 30
},
*/
legend: {
display: false,
}
}
// CREATES AND DISPLAYS CHARTJS OBJECt
var context = document.getElementById("myChart").getContext("2d");
var myChart = new Chart(context, {
type: "bar",
data: data,
options: options
});
}