Graphique de type heatmap
Posté : 15 oct. 2016, 14:36
Bonjours à tous.
Çà y est enfin.
Depuis des semaines je cogitait pour faire des graphiques de type heatmap en se servant directement des données de la BDD via une requête SQL sans passer par du CSV.
Ces graphiques sont fait sur le principe du graphique Comparaison journalière et mensuelle groupés par années modifié par Javier pour la mise à jour des données.
Une fonction qui s’exécute lors de l’événement onclick d'une liste déroulante de sélection des années, mise à jour automatiquement au fil des ans, envoie à la BDD via AJAX une requête SQL écrite dans un fichier php. Les données récupérées via Ajax sont traitées dans un fichier JavaScript et affichées par un fichier php.
Si le premier graphique Température moyenne journalière a été assez facile à faire , ça n'a pas été le cas pour le deuxième Température moyenne horaire par jour d'une année.
En effet, l'axe des x utilise timestamp comme donnée.
Oui mais le timestamp change à chaque enregistrement de la BDD et dans un graphique heatmap, il doit rester le même pour toute la journée
C'est alors que
Dans la requête SQL, j'ai recréé un timestamp à partir du recdateTZ valable pour les 24 enregistrements d'une journée.
Et voila ça marche
A+
Pascal
edit du 16/10
Et d'un autre pour les précipitations
Highmaps des précipitations journalières sur un an.
Facile quand on a la matrice.
A+
Pascal
Çà y est enfin.
Depuis des semaines je cogitait pour faire des graphiques de type heatmap en se servant directement des données de la BDD via une requête SQL sans passer par du CSV.
Ces graphiques sont fait sur le principe du graphique Comparaison journalière et mensuelle groupés par années modifié par Javier pour la mise à jour des données.
Une fonction qui s’exécute lors de l’événement onclick d'une liste déroulante de sélection des années, mise à jour automatiquement au fil des ans, envoie à la BDD via AJAX une requête SQL écrite dans un fichier php. Les données récupérées via Ajax sont traitées dans un fichier JavaScript et affichées par un fichier php.
Si le premier graphique Température moyenne journalière a été assez facile à faire , ça n'a pas été le cas pour le deuxième Température moyenne horaire par jour d'une année.
En effet, l'axe des x utilise timestamp comme donnée.
Oui mais le timestamp change à chaque enregistrement de la BDD et dans un graphique heatmap, il doit rester le même pour toute la journée
C'est alors que
Dans la requête SQL, j'ai recréé un timestamp à partir du recdateTZ valable pour les 24 enregistrements d'une journée.
Et voila ça marche
A+
Pascal
edit du 16/10
Et d'un autre pour les précipitations
Highmaps des précipitations journalières sur un an.
Facile quand on a la matrice.
A+
Pascal