Ecran Nextion: Faire des jauges simplement.
Explication pour faire de petites jauges sur les écran Nextion:
Pour un meilleur esthétique, la couleur de l'aiguille doit correspondre au rond central de votre image de jauge -
-Calcul à adapté en fonction de votre graphisme:
Pour transformer nos pourcentage en degrés:
pour: 0=318° ; 100%=225°
Pour transformer nos pourcentage en degrés:
du zéro (318°) à 360°, il y as:
360-318= 42
Qu on ajoute au 225° supplémentaire pour avoir le total en degrés du zéro à 100%:
42°+225°= 267°
On divise par cent pour avoir les degrés correspondent à 1%
267/100=2.67
Donc 1%=2.67°
Il nous faut déterminé à quel pourcentage on franchis le cap des 360° pour repartir depuis 0°:
42°/2.67 = 15.73%
Si x le pourcentage à afficher et y l'angle de l'aiguille:
si x Inférieur à 15.73 alors y=(x*2.7)+318
si x Supérieure à 15.73alors y=(x*2.7)+(318-360)
L’icône utilisé dans mon exemple est dispo ici:
https://icon-icons.com/fr/icone/Jauge...
-Pour l’affichage, je passe par un esp8266 et ESPhome par une simple ligne d'envois de valeur à l'id de la jauge:
it.set_component_value("uc", id(processor_use).state);
it.set_component_value("disque", id(disk_use_percent).state);
it.set_component_value("ram", id(memory_use_percent).state);
-Le code pour Home assistant est dispo ici, ligne 338:
https://github.com/Axellum/Meteo/blob...
-Notez que si vous faites des jauges plus grande, l'aiguille ne sera pas du plus belle effet.