[TUTO noodom] Nouveau widget nooChart

Ils ont tous des historiques sur la période ?
Possible qu’ils ne soient pas affichées si pas de valeurs présentes sur la période.

Tu peux tester un par un si ils s’affichent correctement ?

Sinon je regarderai ce qui peut poser problème.

Les commandes sont historisés sans purge.

Cela fonctionne bien quand je ne mets qu’une seule commande.

Merci

Salut Noodom et merci pour ton travail conséquent !

J’essaie d’utiliser ce widget mais je ne parviens pas à ce que je veux…

En fait j’ai un curseur (slider) qui peut prendre 5 états différents (gestion poêle) et j’aimerais afficher un camembert avec le pourcentage d’utilisation des 5 états différents, est-ce possible ?

Si jamais tu repasses par ce sujet :wink:

Helloo,

ça fait quelques temps que je n’ai pas joué avec ce widget :slight_smile:

Le camembert n’est pas dépendant du slider mais de la commande info liée au slider.
Il faudra donc associer cette commande info à la commande info du camembert.

Tu crées donc un virtuel avec une commande info numérique.
Tu associes le widget nooChart à cette commande.
Ensuite, tu ajoutes les paramètres optionneles nécessaires pour aficher le camembert avec la commande info du poële.
(Je te laisse relire la documentation pour plus de détails si nécessaire)

Merci pour ta réponse.
En fait je suis un peu perdu, j’ai un graphique standard « jeedom » et quand j’applique le widget cela me donne un résultat qui semble cumuler les états successivement. Je mets un screenshot pour illustrer…
Je pense que je dois d’abord calculer dans un virtuel les différents pourcentage puis ensuite lui appliquer le widget, ça me parait un peu lourd comme opération.

Le résultat que je cherche serait du genre :
camembert2

Faut que je me replonge dans le widget, possible qu’il manque la gestion des labels pour les camemberts.
Tu peux tester avec le type column ou line pour voir ?

Voilà 3 types différents, mon souci est que j’affiche des états mais pas des pourcentages…

Alors, j’ai regardé rapidement à nouveau le code et en effet, le camembert affiche tous les états qu’on lui donne (ici l’historique d’un équipement) et non les pourcentages d’utilisation hélas.
Il ne fait pas de calculs, il ressort juste les données fournies.

Salut, du coup je passe par un code highchart qui correspond à peu près à ce que je cherche…
J’aimerais juste changer l’affichage des infos, ça ne rend pas terrible.

Par contre j’ai été obligé de créer un virtuel qui calcule le pourcentage de chaque donnée.

Et tu ne peux pas appliquer mon widget à ton virtuel du coup ?

EDIT : En relisant ta réponse, c’est ce que tu dois faire en fait ? :slight_smile:

Je regarde pour personnaliser le rendu.

J’ai essayé mais je t’avoue que je n’ai pas réussi…

J’ai réussi avec les graphiques de base de jeedom, j’ai réussi avec un bout de code trouvé sur ce forum mais pas avec ton widget…

En fait je me retrouve avec 5 infos dans mon virtuel et j’ai pas compris comment afficher un pie avec…
J’ai essayé de lister les infos comme ça :

idCommand : id des commandes à afficher (par défaut 0, pour afficher plusieurs grphiques, séparer les ids par des ‹ | ›, ex : 1234|5678)

mais sans résultat…

mon virtuel :

En fait il faudrait ajouter les valeurs (label, pourcentage) de chaque valeur de pourcentage sur la commande info numérique sur laquelle on applique le widget.

Par exemple un scénario du genre :

  • effacer l’historique du widget
  • ajouter chaque pourcentage des valeurs à afficher

(Avec pour déclencheur la commande info numérique du champ à suivre pour une mise à jour à chaque modif)

Bon, il doit y avoir moyen de faire plus simple… là c’est au plus rapide.

1 « J'aime »

Bonjour,
je viens sur ce sujet car je n’ai pas compris comment faire pour ajouter chaque pourcentage ou valeur sur une seule commande info numérique pour obtenir un graph « type camembert » ?
D’avance merci
Dominique

Bonjour,
Tout d’abords félicitation à noodom pour son widget nooCircleProgress qui fonctionne à merveille.
Dans la lignée de ce dernier j’ai voulu utiliser nooChart et là impossible de le faire fonctionner en suivant toutes les instructions d’installation et de paramétrage…
Ce widget est il toujours compatible avec les dernières versions de Jeedom, j’utilise la 4.3.15 ?
Merci d’avance pour votre retour.
Cordialement.

Bonjour noodom,

Tout d’abord, désolé de déterrer ce post 2 ans après ta dernière intervention !!
Je suis dans le même cas que @Telaix, je n’arrive pas à utiliser ton Widget nooChart.
Ta procédure étant très clair, je n’ai pas eu de souci particulier :

  • Je créé le Widget
  • Je l’applique sur une commande info / numérique d’un virtuel n’ayant que cette commande
  • Je met le paramètre idCommand avec le numéro d’ID de mon graph
  • J’enregistre mon virtuel…

Et la, c’est le drame ! Impossible d’afficher le Dashboard, boutons du haut plus fonctionnels, … Dès que le chargement arrive au virtuel, plantage.
J’ai réussi par chance à ouvrir un virtuel présent au tout début de mon Dashboard avant que ma page essai d’afficher le virtuel, ce qui m’a permis de retourner sur la liste de mes virtuel et de désactiver le virtuel en question. J’ai essayé 4 fois, même problème.
La version de mon Jeedom est la 4.3.21.
Peut être une incompatibilité avec ma version de Jeedom, ou une mauvaise manip de ma part…
Es-tu au courant de ce problème ? Aurais-tu un petit conseil à me donner ?
Au passage, merci pour tout ton travail sur les widgets, je suis en pleine création de mes designs, tes widgets en font parti :slight_smile:

Helloo,

J’utilise la librairie highcharts présentes dans Jeedom.
Peut-être qu’elle a evolué depuis.
Tu as des erreurs JavaScript au niveau du debugger de ton navigateur ?
Je n’utilise pas ce widget, juste le plaisir de partager, comme la plupart de mes menus et widgets. Si ça peut rendre service aux utilisateurs Jeedom :blush: Il faudrait que je fasse à nouveau des tests pour ce widget mais il nécessiterait sûrement d’être revu.

Bonjour, et merci pour ta réponse.
J’ai une seule erreur JavaScript que j’avais déjà avant test de ton Widget (Erreur de directive Content Security Policy sur la ressource ''https://fonts.googleapis.com…" → lié à un de mes plugins)
Hormis le plantage du Dashboard, je n’ai rien constaté de plus.

Bonjour @noodom,
En complément, j’ai essayé d’installer nooCircleProgress ce matin, lorsque je mets des paramètres optionnels, ils ne sont pas pris en compte (hors style). Je n’arrive pas à changer la taille et les couleurs par exemple :
image image

J’ai supprimé le .html et le dossier, et j’ai réinstallé en utilisant ton outil automatique (très pratique au passage). Même phénomène.
Je suis allé voir dans « Editeur de fichier », je constate que les 2 fichiers .html (nooChart et nooCircleProgress) ne sont pas en « Document HTML » comme mes autres Widget, mais en « Texte non formaté ». Le problème vient peut être de là… ?

Helloo

Pour ne pas se perdre dans les différents problèmes, je veux bien que tu remontes ton souci avec nooCircleProgress dans le post correspondant :wink:

Étonnant, j’irai vérifier sur mon jeedom ce que j’ai.