[3 - Changement climatique] Interactivité et visuel - L'année et le BV ne sont pas correctement pris en compte

[statnmap]

Interactivité

Il y a un problème d'interactivité et l'année choisie n'est pas affichée dans le ggplot2 avec le bouton "montrer les résultats"

Actuellement, en arrivant:

• Si je cliques sur "Montrer les résultats", il ne se passe rien (pas de graphique), car il faut sélectionner un bassin versant sur la carte
  • Choisir un BV par défaut au hasard
• Si je change la date et que je cliques sur "montrer les résultats", le graphique n'est pas mis à jour
  • Le graphique ne se met à jour que si je cliques sur un BV de nouveau

Ce qui est attendu:

• Si je cliques sur "Montrer les résultats": La carte leaflet montre les couleurs en fonction des abondances NIT (peut-être problème d’échelle)

• Un Bassin versant est sélectionné au hasard et le ggplot est présenté

• Si je modifie les valeurs espèce, scénario, date, rien ne change tant que je ne cliques pas sur "montrer les resultats"

• Quand je cliques sur 'montrer les résultats", la leaflet se met à jour avc les couleurs NIT

• Le bassin versant sélectionné est la même qu'avant

Apparence visuelle

• Mettre en avant le BV sur lequel on a cliqué
• afficher le nom du BV on “hover”
• sur le graphique: titre = le nom du BV
  • Carte: Mettre une couleur en fonction des abondances NIT (peut-être problème d’échelle)
    • colorPalette des geoms en fonction du nit: cf doc (min, max, je crois)
    • Le BV sélectionné peut avoir une bordure noire bien visble
  • Réduire la carte en largeur pour augmenter la taille du graphique
  • Augmenter la hauteur du graph pour quil soit aussi haut que la taille de la carte et pour que le texte des axes soit plus lisible

[statnmap]

Color basin on click

$("#second_ui_1-plot .leaflet-interactive").on("click", function() {
	var curr_fill = $(this).attr("fill")
	$("#second_ui_1-plot .leaflet-interactive").attr("fill", "#03F");
	$("#second_ui_1-plot .leaflet-interactive").attr("stroke", "#03F");
	if (curr_fill == "red") {
		$(this).attr("fill", "#03F");
		$(this).attr("stroke", "#03F");
	} else {
		$(this).attr("fill", "red");
		$(this).attr("stroke", "red");
	}
})