# \[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:** 1
**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, 2021, 9:42 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/1 "2021-02-03T21:42:47Z")
Hello, je partage avec vous la découverte d'une card ce soir, c'est la première fois que je la vois, et elle semble prometteuse ... > **[GitHub - RomRider/apexcharts-card: 📈 A Lovelace card to display advanced graphs and...](https://github.com/RomRider/apexcharts-card/)** > > 📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant ![image](https://forum.hacf.fr/uploads/default/original/2X/1/135985914ca311046c91780a1f071977dcc297a2.png) ![image](https://forum.hacf.fr/uploads/default/original/2X/d/d98defe1c3e6a8ba3c6f29c8848d19f0515c611f.png) > **[ApexCharts card - A highly customizable graph card](https://community.home-assistant.io/t/apexcharts-card-a-highly-customizable-graph-card/272877)** > > Hi folks, I've built a new card to display some graphs in Lovelace 📊📈. It is in its early stage and is not meant to replace the mini-graph-card at all. It gives some new possibilities to display data in Home-Assistant and has some extensive... j'ai commencé une intégration avec myEnedis...et on pourra avoir des graphes HC/HP en mode barre cumulative d'ici peu ... si tout va bien ![image](https://forum.hacf.fr/uploads/default/original/2X/7/7e91323e26d2a882cc3bf0f557da340e650af8ed.png) ---
**Author:** ![Gogo](https://forum.hacf.fr/user_avatar/forum.hacf.fr/gogo/32/529_2.png) [@Gogo](https://forum.hacf.fr/u/Gogo)\ **Post date:** [Février 3, 2021, 11:22 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/2 "2021-02-03T23:22:02Z")
J’approuve je l’ai découverte la semaine dernière, et je commence tout juste à l’utiliser. Elle est juste magnifique cette carte ! Elle ressemble a celle-ci (et s’en inspire beaucoup) : > **[GitHub - kalkih/mini-graph-card: Minimalistic graph card for Home Assistant...](https://github.com/kalkih/mini-graph-card)** > > Minimalistic graph card for Home Assistant Lovelace UI - GitHub - kalkih/mini-graph-card: Minimalistic graph card for Home Assistant Lovelace UI Mais celle ci propose de nouvelles fonctionnalités très sympas. Cette nouvelle carte mérite d’être partagée. Merci 🕶 ---
**Author:** ![pepite](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pepite/32/3915_2.png) [@pepite](https://forum.hacf.fr/u/pepite)\ **Post date:** [Février 4, 2021, 7:08 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/3 "2021-02-04T07:08:00Z")
Bonjour, Je suis tombé dessus hier soir. Elle n’a pas l’air mal du tout. Pas encore mise en oeuvre. Des retours ? ---
**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 4, 2021, 9:08 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/4 "2021-02-04T21:08:42Z")
j'ai fait quelques essais, et cela donne pas mal, exemple avec une evolution à venir de myEnedis : ![image](https://forum.hacf.fr/uploads/default/original/2X/c/c56ecf2d2cf7326e11f3d407bbd35e795926a5d7.png) ---
**Author:** ![pepite](https://forum.hacf.fr/user_avatar/forum.hacf.fr/pepite/32/3915_2.png) [@pepite](https://forum.hacf.fr/u/pepite)\ **Post date:** [Février 5, 2021, 9:25 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/5 "2021-02-05T09:25:46Z")
J’aime beaucoup. Joli le teaser 😉 > [@saniho](#): > > une evolution à venir de myEnedis ---
**Author:** ![Christianb233](https://forum.hacf.fr/user_avatar/forum.hacf.fr/christianb233/32/207_2.png) [@Christianb233](https://forum.hacf.fr/u/Christianb233)\ **Post date:** [Février 6, 2021, 3:58 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/6 "2021-02-06T15:58:55Z")
hello, je me penche également sur cette carte découverte la semaine dernière. Testé aujourd’hui = j’ai des graphes curves de 0:00 jusqu’à 23:59. Savez-vous s’il y a moyen d’afficher plutôt un graphe curve des 24 dernières heures ? 🤔 autrement dit un graphe pour lequel le point le plus à droite représente le moment présent, j’ai pas trouvé ☹ ---
**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 6, 2021, 8:36 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/7 "2021-02-06T20:36:52Z")
hello, il te suffit de mettre : ```auto graph_span: 24h ``` cela te donnera les dernieres 24h ---
**Author:** ![Christianb233](https://forum.hacf.fr/user_avatar/forum.hacf.fr/christianb233/32/207_2.png) [@Christianb233](https://forum.hacf.fr/u/Christianb233)\ **Post date:** [Février 6, 2021, 9:38 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/8 "2021-02-06T21:38:24Z")
Yes 👍 j’avais déjà mis le graph\_span: 24h Mais j’avais tout simplement pas retiré le span : start : day 😅 ---
**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\ **Post date:** [Février 8, 2021, 4:59 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/9 "2021-02-08T16:59:22Z")
Un message a été fusionné à un sujet existant : [Sensor pour Enedis - apiEnedis](https://forum.hacf.fr/t/sensor-pour-enedis-apienedis/935/686) ---
**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:** [Février 16, 2021, 6:58 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/10 "2021-02-16T18:58:02Z")
Content que ça vous plaise 😉 ---
**Author:** ![Clemalex](https://forum.hacf.fr/user_avatar/forum.hacf.fr/clemalex/32/3691_2.png) [@Clemalex](https://forum.hacf.fr/u/Clemalex)\ **Post date:** [Février 17, 2021, 8:50 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/12 "2021-02-17T08:50:29Z")
Ravi de te compter parmi nous ! Merci pour tes fabuleuses cartes ! ![tenor](https://forum.hacf.fr/uploads/default/original/2X/e/e5934ec2342607cc6730075466dd8dfc400c9ad8.gif) ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Février 25, 2021, 9:39 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/13 "2021-02-25T21:39:14Z")
Bonjour à tous, Je n'arrive pas a afficher l'info dans le haut d'une colonne, voici mon code: ``` - type: 'custom:apexcharts-card' graph_span: 7d span: start: day offset: '-7d' stacked: true header: show: false title: Conso à 7 jours apex_config: chart: type: area height: 400 stroke: show: true width: 1 curve: smooth datalabels: enabled: true legend: show: true fill: type: gradient gradient: shadeIntensity: 0.1 opacityFrom: 0.25 opacityTo: 1 inverseColors: true stops: - 0 - 90 - 100 series: - color: 'rgb(138,43,226)' entity: sensor.compteur_d_eau type: column group_by: func: diff duration: 24h ``` Et le graphe: ![image](https://forum.hacf.fr/uploads/default/original/2X/6/6cc0249dca06932f1e1b857acddb54706f3e4d66.png) Et normalement, si je me suis pas planté, j'ai la différence entre chaque jour sur 7 jours... ---
**Author:** ![Mib68](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/m/898d66/32.png) [@Mib68](https://forum.hacf.fr/u/Mib68)\ **Post date:** [Mars 5, 2021, 5:19 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/14 "2021-03-05T17:19:41Z")
Je kiff cette card mais j’essaye de faire un barre graph qui affiche les semaines (4 dernières) et un autre qui affiche les mois (mois de l’année) Si quelqu’un à une idée de la config je serais preneur ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Mars 8, 2021, 7:17 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/15 "2021-03-08T19:17:41Z")
Hello, @RomRider tu aurais une idée stp? 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:** [Mars 8, 2021, 7:21 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/16 "2021-03-08T19:21:49Z")
Depuis je ne sais plus quelle version, tu peux definir l’affichage des datalabels directement dans les series: ```yaml - type: 'custom:apexcharts-card' graph_span: 7d span: start: day offset: '-7d' stacked: true header: show: false title: Conso à 7 jours apex_config: chart: type: area height: 400 stroke: show: true width: 1 curve: smooth legend: show: true fill: type: gradient gradient: shadeIntensity: 0.1 opacityFrom: 0.25 opacityTo: 1 inverseColors: true stops: - 0 - 90 - 100 series: - color: 'rgb(138,43,226)' entity: sensor.compteur_d_eau type: column group_by: func: diff duration: 24h show: datalabels: true ``` > [@Mib68](#): > > Je kiff cette card mais j’essaye de faire un barre graph qui affiche les semaines (4 dernières) et un autre qui affiche les mois (mois de l’année) Pour les semaines, c’est facile, pour les mois, ça va pas le faire parce qu’un mois n’est pas une durée fixe. Au mieux tu peux faire 31j ou 30j par ex (pour ton premier cas d’usage de 4 semaines groupé par semaine): ```yaml graph_span: 4w span: end: week series: - entity: sensor.xyz type: column group_by: func: avg # A definir pour toi duration: 7d ``` ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Mars 9, 2021, 9:05 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/17 "2021-03-09T09:05:55Z")
Ah!! Merci @RomRider , ça marche tout de suite mieux!!! Elle est vraiment classe cette card, bravo pour le taf! Dit-moi, le code est bon pour un affichage des 7 derniers jour de ma conso d’eau (relevé toutes les 24h) ? J’ai du mal a comprendre le start et end … Du coup je ne suis pas sur d’avoir les bons chiffres. Merci encore! ---
**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:** [Mars 9, 2021, 7:43 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/18 "2021-03-09T19:43:45Z")
Si tu veux les 7 derniers jours: ```yaml graph_span: 7d # on affiche 7j dans le passé (à partir de la fin de la journée aujourd'hui à cause du end: day) span: end: day # le graph se termine à la fin de la journée aujourd'hui ``` ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Mars 11, 2021, 8:38 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/19 "2021-03-11T08:38:44Z")
Alors j'ai fait la modification mais c'est bizarre le résultat: ![image](https://forum.hacf.fr/uploads/default/original/2X/f/f905dcb302829f0f2c21f6f5f56fbec87725caf1.png) ---
**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:** [Mars 11, 2021, 1:23 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/20 "2021-03-11T13:23:39Z")
Qu’est ce qui est « bizarre »? Il manque des données? Si c’est ça c’est que ton historique ne contient pas minimum 2 states change sur la journée pour que diff fonctionne. Aussi vérifie bien que t’utilises la dernière version et pas une ancienne version en cache. ---
**Author:** ![Galadan](https://forum.hacf.fr/letter_avatar_proxy/v4/letter/g/90ced4/32.png) [@Galadan](https://forum.hacf.fr/u/Galadan)\ **Post date:** [Mars 11, 2021, 3:30 UTC](https://forum.hacf.fr/t/carte-apexcharts-card/2686/21 "2021-03-11T15:30:09Z")
Ben il manque des données quand je met le "end:day" si je met en "start:day" j'ai ça: ![image](https://forum.hacf.fr/uploads/default/original/2X/4/4dbc373a4ee7d85cd3e63ed1fab8d577698949af.png) C'est un compteur impulsionnel (1 pulse/ litre), donc il ne fait que compter les litres, faut juste que j'arrive a définir dans le graphe les litres/jours je pense. Que veux tu dire par deux states change ? [Page suivante](https://forum.hacf.fr/t/carte-apexcharts-card/2686.md?page=2)