Outils pour utilisateurs

Outils du site


start:nodered:dashboard2

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
start:nodered:dashboard2 [2026/06/16 13:43] – [Configuration de la jauge de température] adminstart:nodered:dashboard2 [2026/06/16 14:12] (Version actuelle) – [Ce Dont Vous Aurez Besoin] admin
Ligne 23: Ligne 23:
 [[https://flowfuse.com/blog/2025/12/getting-weather-data-in-node-red/|Meteo Dashboard2 Nodered ]] [[https://flowfuse.com/blog/2025/12/getting-weather-data-in-node-red/|Meteo Dashboard2 Nodered ]]
  
-====Ce Dont Vous Aurez Besoin====+====Ce dont vous aurez besoin====
  
 Avant de commencer, assurez-vous d'avoir: Avant de commencer, assurez-vous d'avoir:
Ligne 177: Ligne 177:
  
 La jauge va automatiquement colorer-code en fonction de la valeur - des températures plus fraîches s'affichent dans les tons bleus, plus chauds en orange/rouge. La jauge va automatiquement colorer-code en fonction de la valeur - des températures plus fraîches s'affichent dans les tons bleus, plus chauds en orange/rouge.
 +
 +===Configurer la jauge d'humidité===
 +
 +Ajouter la jauge d'humidité au même groupe:
 +
 +    *Faites glisser un autre nœud ui-gauge sur la toile
 +    *Connectez-le à la sortie 4 de votre nœud de fonction (sortie d'humidité)
 +    *Double-cliquez pour configurer
 +    *Définir l'étiquette sur "Humidité (%)"
 +    *Régler Min à 0 et Max à 100 (l'humidité est toujours un pourcentage)
 +    *Ajoutez les segments de couleurs que vous souhaitez, comme indiqué dans l'image de référence.
 +    *Utilisez le même groupe "Température & Humidité" dans le menu déroulant
 +    *Cliquez sur Terminé
 +
 +{{ :start:nodered:humidity-gauge.png?direct&400 |}}
 +
 +Les deux jauges afficheront côte à côte dans le même groupe, ce qui facilitera la comparaison des deux métriques à la fois.
 +
 +
 +===Configuration de l'affichage de la vitesse du vent===
 +
 +Ensuite, créez un graphique dédié pour afficher les tendances de la vitesse du vent au fil du temps:
 +
 +    *Faites glisser un nœud ui-chart sur votre flux.
 +    *Connectez-le à la sortie 5 de votre nœud de fonction (la sortie de vitesse du vent).
 +    *Double-cliquez sur le nœud ui-chart pour le configurer.
 +    *Réglez l'étiquette sur "Vitesse du vent (m/s)".
 +    *Définir le graphique Type to Line.
 +    *Pour l'axe X, sélectionnez Timestamp.
 +    *Réglez l'axe Y pour utiliser msg.payload.
 +    *Réglez la série sur msg.topic.
 +    *Sous Groupe, cliquez sur l'icône du crayon et créez un nouveau groupe nommé "Wind Speed".
 +    *Cliquez sur Ajouter, puis sur Terminé pour enregistrer la configuration.
 +
 +{{ :start:nodered:wind-speed-chart.png?direct&400 |}}
 +
 +===Visualiser Votre Tableau De Bord===
 +
 +Appuyez sur le bouton Déployer dans le coin supérieur droit.
 +
 +Ensuite, ouvrez la barre latérale Dashboard 2.0 et cliquez sur le bouton Ouvrir le tableau de bord. Vous devriez maintenant voir un tableau de bord similaire à celui indiqué ci-dessous.
 +
 +
 +{{ :start:nodered:capture_d_ecran_du_2026-06-16_14-02-33.png?direct&800 |}}
 +
 +{{ :start:nodered:meteotest001flows.json.tar |}}** Enlever .tar**
 +
 +Cela donne ( en mode brut sans parametrage )
 +
 +{{ :start:nodered:capture_d_ecran_du_2026-06-16_14-07-43.png?direct&800 |}}
  
/home/chanteri/www/fablab37110/data/attic/start/nodered/dashboard2.1781610222.txt.gz · Dernière modification : de admin