====== Créer un graphique HP/HC + Prix avec htmldisplay dans Jeedom ======
J'avais besoin d'ajouter un graphique de ma conso électrique sur mon design Jeedom. J'ai utilisé le plugin **htmldisplay** pour créer mon graphique. Ce graphique combine la consommation en **Heures Pleines (HP)** et **Heures Creuses (HC)** en kWh, ainsi que le **prix associé** en €, sur une période de 7 jours.
Je récupère ces information via l'excellent plugin **Suivi Conso**.
===== 1) Prérequis =====
Vous aurez besoin de :
* Plugin **htmldisplay** installé et activé.
* Plugin **Suivi Conso** installé et activé pour récupérer
* **Heures Pleines (HP)** (ex: cmd_id **1800**)
* **Heures Creuses (HC)** (ex: cmd_id **1801**)
* **Prix** (ex: cmd_id **1832**)
Pour ces 3 commandes, vous devez configurer l'historique comme suit :
{{.:pasted:20260711-115625.png}}
Si vous voulez faire un graphique sur une période différente, la consommation hebdomadaire par exemple, il faudra configurer le paramètre d'affichage sur **Maximum par semaine**. Même principe si vous voulez créer un graphique de la consommation mensuelle ou annuelle.
===== 2) Création de l’équipement htmldisplay =====
==== Étape 1 : Ajouter un équipement ====
1. Allez dans **Plugins → Programmation → htmldisplay**.
2. Cliquez sur **Ajouter**.
3. Donnez-lui un nom explicite (ex: **"Graphique Conso HP/HC"**).
4. Associez-le à un objet parent (ex: **"Énergie"**).
==== Étape 2 : Configurer le code HTML ====
Dans l’onglet **"Affichage"**, collez le code ci-dessous dans le champ **"Code HTML"**. C'est une IA qui a pondu le code.
**Remplacez les numéros de commande après **cmd_id** pour coller aux vôtres.