[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:

• [x] 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)

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

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

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

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

Apparence visuelle

• [x] Mettre en avant le BV sur lequel on a cliqué
• [x] afficher le nom du BV on “hover”
• [x] sur le graphique: titre = le nom du BV
  • [x] Carte: Mettre une couleur en fonction des abondances NIT (peut-être problème d’échelle)
    • [x] colorPalette des geoms en fonction du nit: cf doc (min, max, je crois)
    • Le BV sélectionné peut avoir une bordure noire bien visble
  • [x] Réduire la carte en largeur pour augmenter la taille du graphique
  • [x] 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");
    }
})