[CARTE] Apexcharts-card

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 …


image

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

5 « J'aime »

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) :

Mais celle ci propose de nouvelles fonctionnalités très sympas.

Cette nouvelle carte mérite d’être partagée.
Merci :sunglasses:

Bonjour,

Je suis tombé dessus hier soir. Elle n’a pas l’air mal du tout.
Pas encore mise en oeuvre.

Des retours ?

j’ai fait quelques essais, et cela donne pas mal, exemple avec une evolution à venir de myEnedis :
image

1 « J'aime »

J’aime beaucoup.

Joli le teaser :wink:

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 ? :thinking: autrement dit un graphe pour lequel le point le plus à droite représente le moment présent, j’ai pas trouvé :frowning:

hello, il te suffit de mettre :

graph_span: 24h

cela te donnera les dernieres 24h

Yes :+1: j’avais déjà mis le graph_span: 24h
Mais j’avais tout simplement pas retiré le
span : start : day :sweat_smile:

1 « J'aime »

Un message a été fusionné à un sujet existant : Sensor pour Enedis - apiEnedis

Content que ça vous plaise :wink:

10 « J'aime »

Ravi de te compter parmi nous !
Merci pour tes fabuleuses cartes !

tenor

2 « J'aime »

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

Et normalement, si je me suis pas planté, j’ai la différence entre chaque jour sur 7 jours…

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

Hello,

@RomRider tu aurais une idée stp?
THX :slight_smile:

Depuis je ne sais plus quelle version, tu peux definir l’affichage des datalabels directement dans les series:

- 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

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):

graph_span: 4w
span:
  end: week
series:
  - entity: sensor.xyz
    type: column
    group_by:
      func: avg # A definir pour toi
      duration: 7d
1 « J'aime »

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!

Si tu veux les 7 derniers jours:

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

Alors j’ai fait la modification mais c’est bizarre le résultat:
image

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.

Ben il manque des données quand je met le « end:day » si je met en « start:day » j’ai ça:

image

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 ?