[PARTAGE] Jauges Highcharts paramétrable, ouvert aux contributions

[olive]

Exemples:

détails:

Ce widget prend sa source sur une info de type numérique
renseignez de préférence le mini, le maxi et l’unité (commandes options) de votre mesure
sur cette commande un ensemble d’options sont paramétrable:

------------------------Paramètres optionnels widget------------------
Voir les commentaires au début du code ci-dessous

Les expression de couleurs sont soit en texte anglais red,green,blue,black… soit sous la forme : #F00, soit sour la forme #000000 … soit rgb(255,0,0) ou encore rgba(255,0,0,0.5) pour des effets de transparence avec le dernier paramètre entre 0 et 1.

Code V4 :
a mettre dans : /data/customTemplates/dashboard/cmd.info.numeric.JaugeHorizontal.html

Code v4.0

Code v4.1

installation:
Outils / Widgets dans le menu puis clic sur
Clic sur Nouveau en haut à droite
Renseignement
Puis copier/coller du code issue du lien vers le github.
Et ensuite affectation du widget CustomTemp/ nomDuWidget aux commandes.

---

CODE pour V3 :
cmd.info.numeric.JaugeHorizontalV3.html

Merci a @iPapy @mich0111 @jpty @Spine pour leurs contributions respectives

/////////////////////////////////////////////////////////////////// 29 juillet 2021
Mise a jour de la version
Ajout de l’option
REV
0 pour normal (défaut)
1 pour inverser le sens de la jauge

Lien vers cette nouvelle version : CLIQUEZ ICI (jeedom V4.1)

[iPapy]

Testé chez moi sur un capteur de température Xiaomi, marche impeccable, merci Olive pour ta contribution

[naboleo]

Un petit test rapide : pas mal du tout

[olive]

Mise a jours de la version et de la doc inclue …
Ajout de 2 Paramètres optionnels widget: nom et Raiguille

[Niceday]

@olive

Ajout de 2 Paramètres optionnels widget: nom et Raiguille

Parfait. Peut-on ajouter la dimension du cadran en option ?
On peut effectivement le changer dans le fichier ici

mais via une option ça serait bien.

Pour Loic, est ce que c’est possible, pour une prochaine mise à jour Core, de créer automatiquement toutes les options (listées dans les html) par défaut ? Ca serait une belle amélioration à mon avis.
Merci

[olive]

@Niceday

Parfait. Peut-on ajouter la dimension du cadran en option ?
On peut effectivement le changer dans le fichier ici

mais via une option ça serait bien.

Pour Loic, est ce que c’est possible, pour une prochaine mise à jour Core, de créer automatiquement toutes les options (listées dans les html) par défaut ? Ca serait une belle amélioration à mon avis.
Merci

Oui la dimension du cadran en option est une de mes préoccupation je vais voir pour ajouter cette option.

et pour la question a @Loic si tu ne met pas @ devant son pseudo il ne sera pas notifier …

[olive]

Mise à Jour

Ajout Paramètre optionnel widget: size
modifie la taille du cadran. défaut 250px

[jpty]

Bonjour,

Et si tu pouvais ne pas utiliser les minValue et maxValue de Jeedom, ça serait je pense un plus.
Quand minValue et/ou maxValue sont définies, il n’y a plus aucune valeur qui dépasse ces limites, toutes les valeurs sont écrêtées.

[olive]

C’est jouable, ça fait juste des cases options en plus

je vais faire en sorte de reprendre par défaut dans celle-ci les min et max de Jeedom

Merci @jpty

[olive]

Mise a jour :
ajout de V0 et VX rien que pour @jpty

ajout de start et stop qui donne la possibilité de faire des jauges partiel.

un peut de light sur le pourtour !

[jpty]

@olive

un peut de light sur le pourtour !

Et si vous voulez que ça soit compatible avec le thème Light, il suffit de mettre

plotBackgroundColor: null,

Il faudrait aussi limiter le débattement de l’aiguille ( comme dans la vraie vie ) qui peut faire plusieurs tours.

[olive]

Pour la partie light / dark j’ai prévu quelque chose mais un peut plus tard.

Si tu veut m’aider j’ai du mal a trouver pourquoi je change facilement les couleur des textes des valeur circulaire en ligne sur highcharts et pas dans mon code ?

[olive]

Mise a jour:
Ajout Paramètre optionnel widget: fsize
modifie la taille des caractères (défaut 12px)

[olive]

Mise a jour :

CTXT3 // Couleur des valeurs (défaut white)

[Theduck38]

Jolie contribution, je ne l’avais pas vue… merci !

[olive]

Merci a toi n’hésite pas a dire si il manque quelque chose !

[jpty]

Il reste un Stück de tooltip lors du survol du cadran :

C’est voulu ?

[olive]

non c’est partout dans jeedom et aussi en bas a gauche un point bleu …

[jpty]

Ah oui c’est le tooltip qui contient Date de collecte et Date de valeur qui doit être mal formé puisque vide.
Et pour le point bleu en bas à gauche, il n’apparait que lorsque l’on survole une cmd ayant un historique.