Étape 7: Ajout des jauges avec visualisation Google
Maintenant que j’ai nos 4 morceaux de données (bpm, spo2, bpm avg, avg spo2), je peux utiliser des jauges pour visualiser les résultats en fonction des plages de valeurs que notre fille a généralement. Après avoir regardé autour de différentes bibliothèques, j’ai choisi d’utiliser la visualisation de Google pour cela. Il semblait assez simple Javascript à utiliser, avait les traits j’ai voulu et ne nécessitait pas une installation locale sur le serveur web.
Le code php à l’étape précédente qui a généré les données serviront à définir les valeurs sur ces jauges. Voici le code qui permet de convertir les résultats de php pour un format de visualisation Google peut comprendre. Ce code affecte également l’étiquette de texte pour chaque calibre.
Ensuite met les gammes de couleurs sur les jauges - n’oubliez pas c’est plus mieux pour les teneurs en oxygène, mais plus bas est mieux (en général) pour la fréquence cardiaque :
Enfin, j’ai utiliser le code Javascript suivant pour créer les jauges réelles et ensuite attribuer les options/données d’en-haut à chacun :
Comme dans les étapes précédentes, la totalité du contenu de ce fichier (gpulse.php) se trouvent dans le zip attaché à l’étape de "Logiciel" ci-dessus. J’ai mis ce fichier dans mon répertoire personnel du serveur web et ensuite ouvert la page de mon téléphone. On trouvera la capture d’écran ci-dessus.