medappg1d/graphique.js at master · Kizem/medappg1d · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
function tracerGraphique(donn, type,infoDonnee,i){
	donn.splice(0, 1);
	var incrementDiv=i;
	var nomDuTest=type;
	if(nomDuTest=="Pouls"){
		nomDuTest="Pouls (BpM)";
	}
	if(nomDuTest=="Temperature"){
		nomDuTest="Temperature (°C)";
	}
	var donneeFinale= [ ];
	var min;
	var max;
	var moyenne;
	//boucle for qui fait le formatage attendu par google chart
	for(i=0;i<donn.length;i++){
		score= parseInt(donn[i][1],10);
		if(i==0){
			min=score;
			max=score;
			moyenne=score;
		}
		else{
			if(score>max){
				max=score;
			}
			else if(score<min){
				min=score;
			}
			moyenne+=score;
		}
		//split de la date
		laDate=donn[i][0].split("-");
		a=laDate[0];//annee
		m=laDate[1];
		j=laDate[2];//jour
		donneeFinale[i]=[new Date(a,m,j),score];//formatage
	}
	moyenne=moyenne/i;
	a = document.createElement("DIV");//on cree un div pour les valeurs max min et moyenne
	a.setAttribute("id", "valeurMoyenne");
	a.setAttribute("class", "donnee");
	b=document.createElement("p");
	b.innerHTML = "<strong>"+"Valeur moyenne : " + moyenne +"</strong>";
	a.appendChild(b);
	infoDonnee.appendChild(a);
	a = document.createElement("DIV");
	a.setAttribute("id", "valeurMin");
	a.setAttribute("class", "donnee");
	b=document.createElement("p");
	b.innerHTML = "<strong>"+"Valeur minimal : " + min +"</strong>";
	a.appendChild(b);
	infoDonnee.appendChild(a);
	a = document.createElement("DIV");
	a.setAttribute("id", "valeurMax");
	a.setAttribute("class", "donnee");
	b=document.createElement("p");
	b.innerHTML = "<strong>"+"Valeur maximal : " + max +"</strong>";
	a.appendChild(b);
	infoDonnee.appendChild(a);

//google chart
	google.charts.load('current', {'packages':['corechart']});
	      google.charts.setOnLoadCallback(drawChart);

	      function drawChart() {

	        var data = new google.visualization.DataTable();
	        data.addColumn('date', 'Time of Day');
	        data.addColumn('number', nomDuTest);
	        data.addRows(donneeFinale);
	        var options = {
	          theme: 'material',
          		tooltip: { isHtml: true},
	          title: 'Résultat des tests de ' + nomDuTest,
	          width: 900,
	          height: 500,
	          //tooltip: { isHtml: true },

	          hAxis: {
	            format: 'dd MMM, yyyy',
	            gridlines: {count: 15}
	          },
	          vAxis: {
	            gridlines: {color: 'none'},
	            minValue: 0
	          }
	        };

	        var chart = new google.visualization.LineChart(document.getElementById('chart_div'+incrementDiv));
	        chart.options={
	        	cssClassNames : {
                 headerRow :'tableChartHeaderRow',
                 hoverTableRow : 'tableChartHeaderRowHighlightedState'
             }
         		};


	        chart.draw(data, options);
	      }

}