|  | @@ -1,148 +0,0 @@
 | 
											
												
													
														|  | -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 +=
 |  | 
 | 
											
												
													
														|  | -      "<div class='usager'>" +
 |  | 
 | 
											
												
													
														|  | -      "<h3 class='usager-identite'>" + identite + "</h3>" +
 |  | 
 | 
											
												
													
														|  | -      "<p class='frequentation'> à visité " + frequentation + " fois </p>" +
 |  | 
 | 
											
												
													
														|  | -      "<p class='situation'>Situation: " + situation + "</p>" +
 |  | 
 | 
											
												
													
														|  | -      "<p class='espace'>Espace: " + espace + "</p>" +
 |  | 
 | 
											
												
													
														|  | -      "<p class='telephone'>Telephone: " + telephone + "</p>" +
 |  | 
 | 
											
												
													
														|  | -      "<div>";
 |  | 
 | 
											
												
													
														|  | -   });
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 | 
											
												
													
														|  | -
 |  | 
 | 
											
												
													
														|  | -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": "Average Price of Book By Book Format",
 |  | 
 | 
											
												
													
														|  | -      "key": "Price",
 |  | 
 | 
											
												
													
														|  | -      "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
 |  | 
 | 
											
												
													
														|  | -   });
 |  | 
 | 
											
												
													
														|  | -}
 |  | 
 |