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

A ca donne une indication c’est le fond de ton équipement qui est blanc et le back fonctionne lorsqu’il est a transparent il laisse voir le blanc de ton équipement …

Regarde le fil vers le post 175 le problème a déjà été évoqué essai avec d’autre thème pour voir …

1 « J'aime »

Je documente la solution …

Afin d’obtenir la transparence du widget dans un design il faut activer le theme desktop Darksobre

Bizarre qu’il faille changer le theme ce qui impacte toute la config pour avoir la transparence …

Bon je vais boire un coup puisque tout est bien frais !

Merci @olive

@olive
Une autre question… comment descendre le nom sans diminuer la taille
Merci !

C’est pas dans la doc ça ?

spos  // Position des stats (défaut -45px)
dpos  // Position duree (défaut -45px)
wpos  // position du widget (défaut -15px)
npos  // position du nom (défaut 15)
vpos  // position de la valeur (défaut -60)
vposx // position horizontal de la valeur (défaut 0)
spacing //  espace autour de la jauge défaut (1) peut être négatif essayez -15

Ouups désolé je me suis basé sur les options décrite dans le [code] (https://github.com/djsyl/cmd.info.numeric.JaugeHorizontal.html/blob/master/cmd.info.numeric.JaugeHorizontalV3.html) pour la V3, mais est ce compatible avec le code V3 ?

Vraiment superbe boulot et quelle réactivité !

Merci Merci Merci !

Bonjour @Spine,

J’avais aussi identifié cette classe que je devais commenter à chaque maj jeedom.
Par contre de mon coté elle est toujours presente dans le fichier desktop.main.css vers la ligne 2690
.highcharts-color-0 { fill: var(–link-color); }

Comment faire du coup ?

Merci

rm -r jeedom :slight_smile:

2 « J'aime »

:grin:

Je viens de voir que ca sera dispo dans la v4,1 !

1 « J'aime »

Ça ne fera pas beaucoup de dégât:

root@jeedom:~# cd /var/www/html
root@jeedom:/var/www/html# find . -name jeedom -print
./core/css/icon/jeedom
./plugins/JeeOrangeTv/resources/JeeOrangeTvd/jeedom
./plugins/blea/resources/blead/jeedom
./plugins/openzwave/resources/openzwaved/jeedom
./plugins/suiviCO2/resources/demond/jeedom
./plugins/myaudi/resources/myaudid/jeedom
./plugins/rfxcom/resources/rfxcomd/jeedom
./tmp/jeedom
root@jeedom:/var/www/html#

Bonjour

Est-il possible d’utiliser ce widget pour seulement quelques valeurs: 0, 1, 2 et 3. Mais essais sont infructueux car pour un vx de 3, il apparaît des « moustaches » au widget.
Ce serait pour la puissance de ventilation de ma vmc.

Antoine

salut @Tonio16 je comprend pas tu a du te tromper quel que part …
fait une copie d’écran sur la commande puis sur l’affichage de cette commande.

par défaut mini a 0 et max a 3 (aucune option) j’ai ça …

Capture d’écran du 2020-05-13 16-16-13

et avec quelques options de plus …

Capture d’écran du 2020-05-13 16-45-58

J’ai mis un min et max à la commande et cela fonctionne ainsi. Je n’avais pas encore utilisé ces options avec jeedom.

Antoine

1 « J'aime »

Bonjour, j’ai pas eu le courage de lire les 552 messages. Existé t’il un tuto, un explication pour récupérer les codes des jauges. Avant je faisait avec le market des widgets mais la je suis perdu
Merci

ben dans le 1er message tu a le lien github …

Oups merci j’ai pas commencé par le début ^^

j’ai une petite question voici ma jauge en cours de config.
je voudrai garder le 0 20 40 60 100 pour les pourcentages mais afficher la quantité en litres comme ci-joint.
Par contre le 100 correspond pas au 4000l qui est mon niveau max.
est ce possible?

merci
Capture55

Comme ça je vois pas trop l’affichage est fonction de ta valeur il ne peut y avoir qu’une seule information… sauf bricolage du code mais qui s’appliquera a toutes tes jauges …

en gros prendre des valeur de 0 à 100 %

au moment de l’affichage de la valeur si 100% = 4000
tu fait une regle de 3
affichage_valeur = 4000/100*pourcentage

ça me dérange pas puisque je vais utiliser que celle la mais la pour le bricolage je vois pas du tout comment faire

non c’est bon pour simplifier

 var valeurx = 40*valeur;

j’ai fais ceci

jeedom.cmd.update['#id#'] = function(_options){
    var valeur = parseFloat(_options.display_value);
    var valeur2 = _options.collectDate;
    $('.cmd[data-cmd_id=#id#]').attr('title','Date de valeur : '+_options.valueDate+'<br/>Date de collecte : '+_options.collectDate);
    chart#id#.yAxis[0].setTitle(
      { text: nom#id# , style: { color: CTXT1#id#, fontWeight: 'bold', fontSize: fsize#id# } }
    );
    var valeurx = 40*valeur;
    chart#id#.setTitle(
      { text: valeurx + ' #unite#', style: { color: CTXT2#id#, fontSize: fsize#id# }, y:-60}
    );

ça multiplié la valeur par 40 au milieu.
elle etait juste avant sauf que y’a pas la mise à l’échelle de la jauge si je veux garder le 100%

je sais pas si c’est possible mais c’est le déplcaement de l’aiguille à diviser par 40