# \[CARTE\] Apexcharts-card **URL:** \ **Category:** Interface / Lovelace / Thème / Custom Card\ **Created:** [Février 3, 2021, 9:42 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686 "2021-02-03T21:42:47Z")\ **Posts on this page:** 20\ **Page:** 3
**Author:** ![Barique](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/b/a9a28c/32.png) [@Barique](https://forum.hacf.fr/u/Barique)\ **Post date:** [Mai 4, 2021, 12:53 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/42 "2021-05-04T12:53:14Z")
Bonjour à tous, J'ai moi même un petit soucis avec la carte, je souhaite importer des données venant du data\_generator. Je suis passé pour essayer et éventuellement voir si la facture s'allège chez Barry Energie qui donne accès à son API. J'arrive donc à récupérer les données de prix via Node Red et Pyscript (pour comparaison avant de passer complètement sous Node-red). Les données sont stockées dans les attributs sous la forme d'un dictionnaire {'Date-heure':valeur}: ![image](https://forum.hacf.fr/uploads/default/original/2X/1/1e02acc7ebe7e1ffca87df6e23af719060e1a67e.png) Entre Node Red, pyscript et barry, pas de soucis, le graphique m'affiche bien en abscisse la bonne heure et le bon prix: ```auto type: 'custom:apexcharts-card' header: show: true title: Barry Electricité NODERED (€/kWh) show_states: false colorize_states: true y_axis_precision: 4 span: start: day offset: '-1day' graph_span: 72hours all_series_config: stroke_width: 2 extend_to_end: false curve: stepline now: show: true label: now color: red series: - entity: sensor.general_prices unit: €/kWh float_precision: 5 data_generator: | let res = []; for (const [key, value] of Object.entries(entity.attributes.values)) { res.push([new Date(key).getTime(), value]); } return res.sort((a, b) => { return a[0] - b[0] }) ``` J'ai donc décidé de faire une moyenne mobile sous Node Red afin de trouver le meilleur moment pour lancer la charge du VE / Gros consommateurs. Pas de soucis avec le retour Node Red qui donne la bonne heure de départ et utilise la même fonction pour renvoyer sous la forme {'Date-heure':valeur} Au moment de l'affichage, j'ai par contre un décalage de 2H que je n'avais pas avec les prix généraux: ![image](https://forum.hacf.fr/uploads/default/original/2X/d/d243eac59fd293153f8c15fabbbe661ca7b18f33.png) ![image](https://forum.hacf.fr/uploads/default/original/2X/d/d97ed78db5433d9fd5da84bee62eae1568c81a07.png) On peut voir que la fonction à ajouté 2H à la valeur mini entre les attributs du sensor et le graph.. Une idée d'ou cela pourrait venir ? **Réponse à moi même** : Vu que l'on peut utiliser moment.js, j'ai simplement fait la soustraction de deux heures mais je ne trouve pas la solution élégante ni même perenne du fait de l'heure d'été et l'heure d'hiver.. Si quelqu'un à une solution plus propre.. ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Juin 9, 2021, 2:15 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/43 "2021-06-09T14:15:00Z")
Hello, @RomRider , il semble que j'ai un bug en utilisant la card dans une swipe: ![image](https://forum.hacf.fr/uploads/default/original/2X/8/8e1a45f4d728d731d42da68c25383b84b7770f22.png) La première est ok mais, les suivantes... : ![image](https://forum.hacf.fr/uploads/default/original/2X/c/c7e57b204f7d5d7896cbd049d74d40fd7a7b50c1.png) Les couleurs sont décalées par rapport au chiffres. Une idée? THX ---
**Author:** ![RomRider](https://forum.hacf.fr/user_avatar/forum.hacf.fr/romrider/32/4285_2.png) [@RomRider](https://forum.hacf.fr/u/RomRider)\ **Post date:** [Juin 9, 2021, 3:31 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/44 "2021-06-09T15:31:57Z")
2 choses à test: - Si tu la sors de swipe-card, ça donne quoi? - `fill_raw: last` dans les 2 séries en la laissant dans swipe-card. ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Juin 10, 2021, 9:27 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/45 "2021-06-10T09:27:58Z")
> [@RomRider](#): > > fill\_raw: last Hors de la swipe, c’est bon. Dedans avec fill\_raw, pas de changement. ---
**Author:** ![RomRider](https://forum.hacf.fr/user_avatar/forum.hacf.fr/romrider/32/4285_2.png) [@RomRider](https://forum.hacf.fr/u/RomRider)\ **Post date:** [Juin 10, 2021, 9:29 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/46 "2021-06-10T09:29:04Z")
Alors malheureusement je ne pourrai rien faire 😕 Je pense qu’il y a certains styles CSS de swipe-card qui « cassent » le styling the ApexCharts ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Juin 10, 2021, 9:33 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/47 "2021-06-10T09:33:28Z")
arf dommage, bizarre que sur une cela fonctionne et pas les autres… ---
**Author:** ![Zobi](https://forum.hacf.fr/user_avatar/forum.hacf.fr/zobi/32/3157_2.png) [@Zobi](https://forum.hacf.fr/u/Zobi)\ **Post date:** [Août 2, 2021, 11:53 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/48 "2021-08-02T11:53:00Z")
Bonjour à tous, j'ai un petit problème avec le Apexcharts je n'arrive pas à afficher les valeurs que je souhaite. Je souhaite afficher un graph avec la conso électrique du jour cumulant heures pleines et heures creuses. J'arrive à afficher un graph avec les 2 l'un a côté de l'autre (ne faite pas attention aux valeurs) mais comment vous faites pour les avoir superposé comme dans le tout premier post du topic ? chez moi ça ressemble à ça : ![image](https://forum.hacf.fr/uploads/default/original/2X/9/96d4d36e225c9d4dd3c0d53443a791eee39c81ce.png) et je souhaite que ça ressemble à : ![image](https://forum.hacf.fr/uploads/default/original/2X/c/c41fe323d0e3566069eeb4e60d6b2768529776a2.png) Merci d'avance ---
**Author:** ![Bigmat](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/b/f6c823/32.png) [@Bigmat](https://forum.hacf.fr/u/Bigmat)\ **Post date:** [Août 2, 2021, 12:09 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/49 "2021-08-02T12:09:33Z")
Salut Essai de mettre : type: custom:apexcharts-card stacked: true … Etc ---
**Author:** ![Zobi](https://forum.hacf.fr/user_avatar/forum.hacf.fr/zobi/32/3157_2.png) [@Zobi](https://forum.hacf.fr/u/Zobi)\ **Post date:** [Août 3, 2021, 4:06 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/50 "2021-08-03T16:06:02Z")
Tout à fait ça ! Parfait merci beaucoup pour ta réponse rapide et efficace 👍 ![image](https://forum.hacf.fr/uploads/default/original/2X/e/ef1f75b641ac36022dca974809f64a3f9684ecd5.jpeg) ---
**Author:** ![Steph\_Flo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/steph_flo/32/5369_2.png) [@Steph\_Flo](https://forum.hacf.fr/u/Steph_Flo)\ **Post date:** [Octobre 6, 2021, 9:17 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/51 "2021-10-06T21:17:38Z")
Bonjour j’ai une petite question je voudrai afficher une consigne dans mon graph mais voici ce que j’ai ![image](https://forum.hacf.fr/uploads/default/original/2X/9/99399ede79408579302cf35f0f17b9fc776198cc.jpeg) Si je choisi Line c’est guère mieu ![image](https://forum.hacf.fr/uploads/default/original/2X/6/6aaf2fee3dc754093c48847bb17e41a589a885b6.jpeg) Comment faire pour que la valeur de consigne soit maintenu à la même valeur jusqu’a,la prochaine maj, Voici,le code > type: custom:apexcharts-card > header: > show: true > title: ApexCharts-Card > show\_states: true > colorize\_states: true > series: > - entity: input\_number.consigne\_temperature > type: line - entity: sensor.lumi\_lumi\_weather\_22874005\_temperature Merci ---
**Author:** ![foXaCe](https://forum.hacf.fr/user_avatar/forum.hacf.fr/foxace/32/320_2.png) [@foXaCe](https://forum.hacf.fr/u/foXaCe)\ **Post date:** [Novembre 15, 2021, 7:12 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/52 "2021-11-15T19:12:29Z")
Bonsoir a vous, J’aimerai faire en sorte que les colonnes soient par semaine Je n’arrive pas à caler correctement les dates. Merci pour votre aide ![Image 1](https://forum.hacf.fr/uploads/default/original/2X/9/9e5d6289969e61f7beff74abf183c2babf58be52.png) ```auto type: custom:apexcharts-card graph_span: 31d span: end: week stacked: true header: show: true title: Conso Semaine show_states: true colorize_states: true series: - entity: sensor.enedisgateway_xxxxxxxxxx_consumption_this_week type: column name: Semaine color: yellow group_by: duration: 1w func: max ``` ---
**Author:** ![Matilas](https://forum.hacf.fr/user_avatar/forum.hacf.fr/matilas/32/1719_2.png) [@Matilas](https://forum.hacf.fr/u/Matilas)\ **Post date:** [Décembre 6, 2021, 10:18 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/53 "2021-12-06T10:18:24Z")
Salut tout le monde, après une longue pause, je peux enfin me dédier de nouveau à HA 🙂 Encore merci pour le job fait pour les infos Enedis, ca a beaucoup évolué 🙂 Seulement, je ne comprends pas un petit "problème". J'ai intégré les magnifiques apexcharts mais j'ai un problème de data que je ne comprends pas. J'ai pas mal cherché sans trouver de problème similaire, je m'excuse si cela a déjà été adressé La Lovelacecard de Saniho affiche bien les valeurs pour le 30 Novembre ![HA - Lovelace Saniho](https://forum.hacf.fr/uploads/default/original/2X/8/8d8d533578101ea6a8693d4c5f9d6a30d57c2794.png) Info de l'API ![HA - API value](https://forum.hacf.fr/uploads/default/original/2X/a/aff7c73dafaaf4da2dfb05fed0b53a5ffcc4a490.png) La config de ma card ```auto type: custom:content-card-linky entity: sensor.myenedis_xxxx_2 nbJoursAffichage: '7' showIcon: true showHistory: true ... ``` Et pourtant mon graph Apexchart dessine un creux pour la journée du 30 Novembre (et du 27 mais pas grave) ![HA - ApexChart](https://forum.hacf.fr/uploads/default/original/2X/9/9d98cfc63176341b15d40e467676612116df0d45.png) Le code de mon chart ```auto type: custom:apexcharts-card graph_span: 7d header: show: true title: Consommation électrique (7 jours) span: end: day offset: '-1h' stacked: true series: - entity: sensor.myenedis_xxxxx_2 attribute: dailyweek_HC type: line name: kWh(HC) group_by: func: max duration: 1d - entity: sensor.myenedis_xxxxx_2 attribute: dailyweek_HP type: line name: kWh(HP) group_by: func: max duration: 1d - entity: sensor.myenedis_xxxxx_2 attribute: daily type: line name: kWh(Total) group_by: func: max duration: 1d ``` En comparant les autres dates, les données remontées et le graphe sont ok ![HA - Conso 2Dec](https://forum.hacf.fr/uploads/default/original/2X/4/4793f99114a98df747d7ab3fdd71cb768cb744b5.png) ![HA - Conso 2Dec](https://forum.hacf.fr/uploads/default/original/2X/b/b92ea8a3840a68d6d35f4f0a6f855b9da7b0ef52.png) ```auto dailyweek_HC: - '10.783' - '11.804' [...] dailyweek: - '2021-12-02' - '2021-12-01' [...] dailyweek_HP: - '21.443' - '24.066' [...] daily: - '32.23' - '35.87' [...] ``` Merci pour votre aide ---
**Author:** ![icagn80](https://forum.hacf.fr/user_avatar/forum.hacf.fr/icagn80/32/73932_2.png) [@icagn80](https://forum.hacf.fr/u/icagn80)\ **Post date:** [Janvier 5, 2022, 5:02 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/54 "2022-01-05T17:02:26Z")
Bonjour; pourriez vous m’indiquez comment vous l’avez installé ? ---
**Author:** ![legrandseb2212](https://forum.hacf.fr/user_avatar/forum.hacf.fr/legrandseb2212/32/10314_2.png) [@legrandseb2212](https://forum.hacf.fr/u/legrandseb2212)\ **Post date:** [Janvier 15, 2022, 3:30 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/55 "2022-01-15T15:30:40Z")
Bonjour Zobi je suis nouveau sur Home assistant et je cherche une card comme tu a fait pourrai tu partager ton code stp car je n’arrive pas a combiné les é sensors. Merci bcp ---
**Author:** ![Nico33](https://forum.hacf.fr/user_avatar/forum.hacf.fr/nico33/32/115652_2.png) [@Nico33](https://forum.hacf.fr/u/Nico33)\ **Post date:** [Janvier 15, 2022, 4:40 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/56 "2022-01-15T16:40:51Z")
Depuis HACS section frontend. ---
**Author:** ![Manox35](https://forum.hacf.fr/user_avatar/forum.hacf.fr/manox35/32/3009_2.png) [@Manox35](https://forum.hacf.fr/u/Manox35)\ **Post date:** [Février 3, 2022, 9:56 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/57 "2022-02-03T09:56:44Z")
Bonjour, Quelqu'un pourrait il m'aider à faire un graphique à partir des données Consumption d'un Sonoff Pow R2 Je n'y arrive pas avec le data generator. Les données sont de cette forme dans l'entité (Capture) Merci ![Capture d’écran 2022-02-03 102257](https://forum.hacf.fr/uploads/default/original/2X/9/9bcdde335279ba91ca046b11ef01ca7ad639b3f5.jpeg) ---
**Author:** ![saniho](https://forum.hacf.fr/user_avatar/forum.hacf.fr/saniho/32/394_2.png) [@saniho](https://forum.hacf.fr/u/saniho)\ **Post date:** [Février 3, 2022, 8:06 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/58 "2022-02-03T20:06:12Z")
Hello, alors en fait, c’est un phenomène normal. Il faut savoir que Enedis met à disposition les données à J+1 environ, mais parfois, à J+2…donc myEnedis à un sensor qui contient la consommation à J-2…sensor utilisé par la card. Sauf que si un jour J-2 n’est pas disponible, on mettre zéro dans le sensor de la card…par contre peut-etre que 24h après, Enedis mettra cette information à disposition…sauf que le sensor lui attend à ce moment J-2…et ne modifiera pas la valeur de J-3( c’est un des points « embetant » que HA, c’est qu’il ne gere pas une date pour une valeur, mais uniquement une valeur « temps reel » ou depuis une date… mais pas de modification à posterio ;( ) … voilà l’explication est un peu longue à lire, mais te donne la raison. ---
**Author:** ![Valolo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/valolo/32/2502_2.png) [@Valolo](https://forum.hacf.fr/u/Valolo)\ **Post date:** [Février 7, 2022, 6:15 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/59 "2022-02-07T18:15:28Z")
Bonsoir, Est-il possible d’avoir un graphique avec des données fixes et pas l’historique du même sensor ? Je m’explique pour essayer d’être plus clair : historique de 7 jours (par-exemple) mais avec à chaque fois un sensor différent par jour. ---
**Author:** ![saniho](https://forum.hacf.fr/user_avatar/forum.hacf.fr/saniho/32/394_2.png) [@saniho](https://forum.hacf.fr/u/saniho)\ **Post date:** [Février 7, 2022, 8:52 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/60 "2022-02-07T20:52:19Z")
tu souhaiterais, un sensor J-1, un J-2…jusqu J-7 avec rotation automatique ? si oui, cela est possible, mais peux-tu preciser ce que tu veux dans le sensor, et l’objectif ? ---
**Author:** ![LudoBoyer](https://forum.hacf.fr/user_avatar/forum.hacf.fr/ludoboyer/32/4658_2.png) [@LudoBoyer](https://forum.hacf.fr/u/LudoBoyer)\ **Post date:** [Mars 6, 2022, 8:34 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/62 "2022-03-06T08:34:47Z")
Bonjour, Sur cette carte ApexCharts je devrai avoir des pourcentages dans le donut. ![IMG_0079](https://forum.hacf.fr/uploads/default/original/2X/9/9f3d3177f5a35e1b922d0b4796495a97b4fdb6fb.jpeg) Pouvez-vous me dire ce qui cloche? Merci ```auto type: custom:apexcharts-card header: show: true title: Energie show_states: false colorize_states: true series: - entity: sensor.energy_total_daily name: Réseau color: rgb(58, 151, 244) - entity: sensor.ecu_today_energy name: Solaire color: yellow span: end: day chart_type: donut apex_config: dataLabels: enable: true plotOptions: pie: donut: labels: show: true decimals: 2 total: show: true decimals: 2 ``` [Page précédente](https://forum.hacf.fr/t/carte-apexcharts-card/2686.md?page=2) [Page suivante](https://forum.hacf.fr/t/carte-apexcharts-card/2686.md?page=4)