Graphique 1 barre par jour qui monte au fur et à mesure

Bonjour,

Bon je m’arrache les cheveux…et chatGPT ne sait pas rendre un code comme je souhaite !

Je voudrais « tout simplement », afficher sur un graphique avec, en « x » :les jours du mois en cours, et en « y », une échelle en kWh. Pour remplir ceci, je voudrais une seule barre par jour, avec un dégradé de deux couleurs pour faire joli, qui grandit au fil de la journée, avec les données de mon sensor qui s’occupe de compter et afficher la conso journalière.

idéalement, une seconde barre/jour à coté de la première, qui elle affiche ma production solaire/jour, vu que l’échelle « y » est commune.

J’ai un peu tripoté la carte apex Charts , et la carte history-explorer-card, sans succès. Je n’ai pas le niveau.
Une bonne âme pourrait me rendre un code à peu près comme je l’explique ?
Mon sensor est un utility meter : sensor.conso_jour

type: custom:apexcharts-card
header:
  show: true
  title: Production journalière
span:
  end: day
graph_span: 15d
stacked: false
cache: true
series:
  - entity: sensor.energie_msunpv_enpv_j
    type: column
    name: Production
    color: ffc107
    float_precision: 2
    group_by:
      func: max
      duration: 1d
    statistics:
      type: state
  - entity: sensor.energie_msunpv_enconso
    type: column
    name: Consommation
    color: 2196f3
    float_precision: 2
    group_by:
      func: max
      duration: 1d
    statistics:
      type: state
  - entity: sensor.energie_msunpv_eninj
    type: column
    name: Injection
    color: 8bc34a
    invert: true
    float_precision: 2
    group_by:
      func: max
      duration: 1d
    statistics:
      type: state
apex_config:
  chart:
    height: 200px
  stroke:
    width: 1

Tu remplaces dans les 3 lignes entity, par tes propres sensors

Si tu n’as pas de sensor injection, tu supprimes tout ce bloc

  - entity: sensor.energie_msunpv_eninj
    type: column
    name: Injection
    color: 8bc34a
    invert: true
    float_precision: 2
    group_by:
      func: max
      duration: 1d
    statistics:
      type: state

Merci beaucoup pour ton aide. Ça m’affiche déjà un truc conforme. J’apprends en analysant comment est construit vos codes et je m’amuse à adapter certaines valeurs.
Je ne sais pas si apex charts le permet, mais j’aurais aimé en x afficher les mois de l’année récupérés sur calendrier par exemple.
Puis au niveau de l’affichage, comment afficher cette carte pour qu’elle occupe toute la largeur du dashboard ? Dashboard sections, maçonnerie ? Désolé les questions sont encore très « novices ».

En bas de la carte

apex_config:
  chart:
    height: 200px
  stroke:
    width: 1

Heigh: sert à régler la hauteur.

Pour la largeur sur un dashboard en section il faut ajouter

apex_config:
  chart:
    height: 200px
  stroke:
    width: 1
experimental:
  disable_config_validation: true
grid_options:
  columns: 24

En jouant sur columns tu change la largeur.
Après il faut que la section soit assez large pour l’accepter
Par exemple sur une section qui fait la largeur de la page en mettant columns: 24 le graph fera la moitié.

1 « J'aime »