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

Tags: #<Tag:0x00007f3861b27d48>

Exemples:

exemples

détails:
V1V2V3V4

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:

2020-02-09-123430_1401x1417_scrot

------------------------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

https://github.com/djsyl/cmd.info.numeric.JaugeHorizontal.html/blob/master/cmd.info.numeric.JaugeHorizontal.html

installation:
Outils / Widgets dans le menu puis clic sur image
Clic sur Nouveau en haut à droite image
Renseignement image
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

10 J'aimes

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

1 J'aime

Un petit test rapide : pas mal du tout

gauge

Mise a jours de la version et de la doc inclue …
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

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 …

Mise à Jour

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

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.

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

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

Merci @jpty

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

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

2020-02-10-130010_910x487_scrot

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.

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 ?

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

2020-02-10-225238_2593x955_scrot

1 J'aime

Mise a jour :

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

6 messages ont été scindés en un nouveau sujet : Discussion widget héliotrope

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

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

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

C’est voulu ?

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

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.