Barre graph kwh journalier

Bonjour,

j'aimerai avoir un graphique type barre avec ma consommation journalière d'electricité.
J'ai un module ZLINKY et j'utilise la carte graph statistics.

J'arrive à ca mais je voudrais que mes barres soient par jour et non pas par heure.

J'ai crée des entrées type compteurs journalier ou mensuel, j'ai toujours le même resultats.
Est-ce que quelqu'un aurait un exemple à partager?

Bonjour, @Gilles_SLAZYK

Essaye avec ce code (dans les entrées, il faut créer un "compteur de service publics" avec une réinitialisation journalière)

type: custom:apexcharts-card
cache: true
update_interval: 5min
graph_span: 7d
span:
  end: day
stacked: true
show:
  last_updated: true
header:
  title: Journalier (7 jours)
  standard_format: true
  show: true
  show_states: true
  colorize_states: true
apex_config:
  chart:
    type: area
    stacked: false
    height: 320
  dataLabels:
    enabled: true
    style:
      fontSize: 10px
    dropShadow:
      enabled: true
  legend:
    show: false
  stroke:
    width: 1
  fill:
    type: gradient
    gradient:
      shadeIntensity: 0.1
      opacityFrom: 1
      opacityTo: 0.2
series:
  - entity: sensor.total_conso_jour_hp
    type: column
    color: rgba(231, 76, 60, 1)
    name: Heures pleines
    group_by:
      duration: 1d
      func: last
    statistics:
      type: state
    show:
      datalabels: true

Bonjour,
C’est exactement ce que je cherchais.
Dommage que je n’y arrive pas avec l’autre carte de graph, le configurateur visuel est quand même bien pratique pour les débutants.
Mais je vais me pencher sur la doc.
Merci beaucoup,

@Gilles_SLAZYK

Un aperçu de ce que j'ai comme graphique Apexcharts chez moi pour le suivi conso avec un abonnement HP / HC.

bonjour @Dynaloo ,

C'est propre peux tu partager le code ?
J'essayerai de l'adapter à mon abondement tempo :thinking:

@Jack38

Voici le code complet, les 3 cartes Apexcharts sont intégrées dans "simple swipe card" à télécharger sur hacs

type: custom:simple-swipe-card
show_pagination: false
auto_hide_pagination: 0
auto_height: false
enable_reset_after: true
reset_target_card: 1
reset_after_timeout: 10000
cards:
  - type: custom:apexcharts-card
    cache: true
    update_interval: 5min
    graph_span: 7d
    span:
      end: day
    stacked: true
    show:
      last_updated: true
    header:
      title: Journalier (7 jours)
      standard_format: true
      show: true
      show_states: true
      colorize_states: true
    apex_config:
      chart:
        type: area
        stacked: true
        height: 320
      dataLabels:
        enabled: true
        style:
          fontSize: 10px
        dropShadow:
          enabled: true
      legend:
        show: false
      stroke:
        width: 1
      fill:
        type: gradient
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 1
          opacityTo: 0.2
    series:
      - entity: sensor.total_conso_jour_hp
        type: column
        color: rgba(231, 76, 60, 1)
        name: Heures pleines
        group_by:
          duration: 1d
          func: last
        statistics:
          type: state
        show:
          datalabels: true
      - entity: sensor.total_conso_jour_hc
        type: column
        color: rgba(10, 118, 210, 1)
        name: Heures creuses
        group_by:
          duration: 1d
          func: last
        statistics:
          type: state
        show:
          datalabels: true
  - type: custom:apexcharts-card
    cache: true
    update_interval: 5min
    graph_span: 6w
    span:
      end: isoWeek
    stacked: true
    show:
      last_updated: true
    header:
      title: Conso semaine
      standard_format: true
      show: true
      show_states: true
      colorize_states: true
    apex_config:
      chart:
        type: area
        stacked: true
        height: 320
      dataLabels:
        enabled: true
        style:
          fontSize: 10px
        dropShadow:
          enabled: true
      legend:
        show: false
      fill:
        type:
          - gradient
          - gradient
          - solid
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 1
          opacityTo: 0.2
    series:
      - entity: sensor.total_conso_semaine_hp
        type: column
        color: rgba(231, 76, 60, 1)
        stroke_width: 1
        name: Heures pleines
        group_by:
          duration: 1w
          func: last
        statistics:
          type: state
        show:
          datalabels: true
      - entity: sensor.total_conso_semaine_hc
        type: column
        color: rgba(10, 118, 210, 1)
        stroke_width: 1
        name: Heures creuses
        group_by:
          duration: 1w
          func: last
        statistics:
          type: state
        show:
          datalabels: true
      - entity: sensor.total_conso_semaine
        name: Année dernière
        type: line
        color: rgba(192, 192, 192, 1)
        stroke_width: 2
        offset: "-52w"
        statistics:
          type: state
          period: day
        group_by:
          func: last
          duration: 1w
        show:
          in_header: true
  - type: custom:apexcharts-card
    cache: true
    update_interval: 1h
    graph_span: 12month
    span:
      end: month
    stacked: true
    show:
      last_updated: true
    header:
      title: Conso mois
      standard_format: true
      show: true
      show_states: true
      colorize_states: true
    apex_config:
      chart:
        type: area
        stacked: true
        height: 320
      dataLabels:
        enabled: true
        style:
          fontSize: 10px
        dropShadow:
          enabled: true
      legend:
        show: false
      fill:
        type:
          - gradient
          - gradient
          - solid
        gradient:
          shadeIntensity: 0.1
          opacityFrom: 1
          opacityTo: 0.2
    series:
      - entity: sensor.total_conso_mois_hp
        type: column
        color: rgba(231, 76, 60, 1)
        stroke_width: 1
        name: Heures pleines
        group_by:
          duration: 1mo
          func: last
        statistics:
          type: state
          period: month
        show:
          datalabels: true
      - entity: sensor.total_conso_mois_hc
        type: column
        color: rgba(10, 118, 210, 1)
        stroke_width: 1
        name: Heures creuses
        group_by:
          duration: 1mo
          func: last
        statistics:
          type: state
          period: month
        show:
          datalabels: true
      - entity: sensor.total_conso_mois
        name: Année dernière
        type: line
        color: rgba(192, 192, 192, 1)
        stroke_width: 2
        offset: "-12mo"
        statistics:
          type: state
          period: month
        group_by:
          func: last
          duration: 1mo
        show:
          in_header: true

je ne connaissais pas "simple swipe card".
Je cherchais (sans chercher :thinking:) un truc dans le genre (pour éviter les pages trop longue sur le tél).
Je vais devoir tester ces très bons compléments, je crois que "simple swipe card" risque de devenir un indispensable ...
Merci 2 X pour le(s) partage(s)

Tu peux aussi regarder History Explorer Card, qui te permet de sélectionner sur le dashboard la vue que tu veux (10min, heure, journée, mois, etc.)

SpangleLabs/history-explorer-card: A card for Home Assistant Lovelace for exploring the history of your entities interactively and in real time.

Ci-dessous une copie d'une de mes carte de consommation électrique, avec le drop daown qui permet de sélectionner la vue à afficher.

"simple swipe card" adopté :slight_smile:
536DF12C-BB9A-41C3-A04A-95BEFE239AB8

Salut,
j'en avais fait une petite présentation :

Salut,
tu devrais passer sur ce fork :

Il est à jour niveau librairie, corrige des bugs et ajoute des nouveautés.

Bonjour @WarC0zes

J'essaye de tester le fork "Cook23/history-explorer-card", par contre je n'arrive pas à utiliser des entités avec attribute !!!, et rien vue dans la doc.

Salut,
Pas d'option pour utiliser un attribut d'une entité, ça ne fonctionne qu'avec l'état de l'entité. Tu peux passer par un template et l'utiliser comme entité.

@WarC0zes

C'est bien ce que j'avais compris, merci