Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 333 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
330 aurelien 1
function tableauxOntAuMoinsUnElementEnCommun(haystack, arr) {
2
    return arr.some(function (v) {
3
        return haystack.indexOf(v) >= 0;
4
    });
5
};
6
 
7
function obtenirNomEspeceSelectionnee() {
8
	return $('#selecteur_liste_especes option:selected').text();
9
}
10
 
11
function obtenirNomStadeSelectionne() {
12
	return $('#selecteur_stade option:selected').text();
13
}
14
 
15
function surChangementSelecteurEspece(id_espece_selectionnee, evenements) {
16
 
17
	var $evenements_options = $('#selecteur_stade option');
18
 
19
	$('#selecteur_stade option').addClass('hide');
20
	if(id_espece_selectionnee == 0) {
21
		$('#selecteur_stade').addClass('hide');
22
	} else {
23
		$('#selecteur_stade').removeClass('hide');
24
		$evenements_options.each(function() {
25
			var $evenement_option = $(this);
26
			if($evenement_option.val() != 0) {
27
				var stades_option = $evenement_option.data('evenements');
28
				$evenement_option.toggleClass('hide', !tableauxOntAuMoinsUnElementEnCommun(evenements, stades_option));
29
			} else {
30
				$evenement_option.removeClass('hide');
31
			}
32
		});
33
	}
34
 
35
	// mise sur le selecteur par défaut
36
	$('#selecteur_stade').val("0");
37
}
38
 
39
function surChangementSelecteurStade(id_stade_selectionne) {
40
	obtenirDonneesStadePhenologiques($('#selecteur_liste_especes').val(), id_stade_selectionne)
41
}
42
 
43
function obtenirDonneesStadePhenologiques(id_espece, id_stades) {
44
	$.get(url_jrest+'OdsExport/ExportEvolutionPhenologiqueJson?espece='+id_espece+'&evenements='+id_stades, function(e) {
335 aurelien 45
    var donnees_dispos = !jQuery.isEmptyObject(e);
46
    if(donnees_dispos) {
47
      dessinerGraphiqueEvolutionStadesPhenologiques(e, id_stades);
48
    }
49
 
50
    $('.aucune-donnee').toggleClass('hide', donnees_dispos);
51
    $('.conteneur-graphique').toggleClass('hide', !donnees_dispos);
330 aurelien 52
	});
53
}
54
 
55
function renvoyerNomsEvenementLegendeGraphique(id_stades) {
56
	var stades = id_stades.split(',');
57
	var stades_legende = {};
58
 
59
	if(stades.length == 2) {
60
		var stade_debut = global_evenements[stades[0]];
61
		var stade_fin = global_evenements[stades[1]];
62
		var legende_debut = 'début '+(stade_debut.nom)+' (stade '+(stade_debut.code)+')';
63
		var legende_fin = 'fin '+stade_fin.nom+' (stade '+stade_fin.code+')';
64
		stades_legende[stades[0]] = legende_debut;
65
		stades_legende[stades[1]] = legende_fin;
66
	} else {
67
		var stade_unique = global_evenements[stades[0]];
68
		stades_legende[stades[0]] = stade_unique.nom;
69
	}
70
 
71
	return stades_legende;
72
}
73
 
74
function dessinerGraphiqueEvolutionStadesPhenologiques(data, id_stades) {
75
 
76
	var noms_evenements = renvoyerNomsEvenementLegendeGraphique(id_stades);
77
	var nb_evenements = 0;
78
	var graph_data = new Array();
79
	for (var id_evenement in data) {
80
	    if (!data.hasOwnProperty(id_evenement)) continue;
81
 
82
	    var data_evenement = data[id_evenement];
83
 
84
			graph_data.push({
85
				type: "scatter",
86
				mode: 'lines+markers',
87
				name: noms_evenements[id_evenement],
88
				x: data_evenement.x,
89
				y: data_evenement.y,
90
				text: data_evenement.text,
91
				hoverinfo: 'text'
92
			});
93
 
94
			nb_evenements++;
95
	}
96
 
97
	var nom_espece_selectionnee =  obtenirNomEspeceSelectionnee();
98
	var nom_stade_selectionne =  obtenirNomStadeSelectionne().toLowerCase();
99
 
333 aurelien 100
	var titre_graphique = 'Dates moyennes de ';
330 aurelien 101
	if(nb_evenements > 1) {
102
		titre_graphique += 'début et fin de ';
103
	}
104
	titre_graphique += nom_stade_selectionne+' pour l\'espèce '+nom_espece_selectionnee;
105
 
106
	var layout = {
107
	  title: titre_graphique,
108
	  xaxis: {
109
	    title: 'Années',
110
	    showgrid: false,
111
	    zeroline: false,
112
			tickvals: annees_observations,
113
			ticktext: annees_observations,
114
			autoticks: false,
115
	  },
116
	  yaxis: {
117
	    title: '',
118
			autoticks: false,
119
			tickvals: [1,2,3,4,5,6,7,8,9,10,11,12],
120
    	ticktext: ['janvier', 'fevrier', 'mars', 'avril', 'mai', 'juin', 'juillet', 'août', 'septembre', 'octobre', 'novembre', 'décembre'],
333 aurelien 121
	  },
122
    // pour la légende apparaisse en bas du graphique afin de ne pas gâcher
123
    // presque un tiers de l'espace de la page
124
    legend:{
125
      xanchor:"center",
126
      yanchor:"top",
127
      y:-0.3,
128
      x:0.5
129
    }
330 aurelien 130
	};
131
	var conteneur_graphique = document.getElementById('conteneur-graphique');
132
	Plotly.purge(conteneur_graphique);
133
	var graphique = Plotly.plot(conteneur_graphique, graph_data, layout);
134
}
135
 
136
$(document).ready(function() {
137
	$('#selecteur_liste_especes').change(function(e) {
138
		var conteneur_graphique = document.getElementById('conteneur-graphique');
139
		Plotly.purge(conteneur_graphique);
140
		surChangementSelecteurEspece($(this).val(), $(this).find(":selected").data('id-evenements'));
141
	});
142
 
143
	$('#selecteur_stade').change(function(e) {
144
		var conteneur_graphique = document.getElementById('conteneur-graphique');
145
		Plotly.purge(conteneur_graphique);
146
		if($(this).val() == "0") {
147
			return;
148
		}
149
		surChangementSelecteurStade($(this).val());
150
	});
333 aurelien 151
 
152
  if(espece_defaut != null && stades_defaut != 0) {
153
    obtenirDonneesStadePhenologiques(espece_defaut, stades_defaut);
154
  }
330 aurelien 155
});