Comment interagir avec une carte multi courbes

Entraide Home Assistant
1

Bonjour,

Mon problème

J’utilise ApexCharts pour avoir une vue sur différentes valeurs de mon onduleur hybride.
Cependant j’aimerais pouvoir avoir un curseur pour remonter l’historique dans le temps et aussi pouvoir zoomer sur une partie des courbes, savez vous si cela est possible ?
Merci pour votre aide

type: custom:apexcharts-card
graph_span: 2h
header:
  show: true
  title: Courbes des puissances
  show_states: true
  colorize_states: true
  standard_format: false
all_series_config:
  show:
    extremas: max
  fill_raw: last
series:
  - entity: sensor.voltronic_1_conso_maison_watt
    name: Conso.totale
    color: '#f07360'
    stroke_width: 2
  - entity: sensor.voltronic_1_batt_decharge_watt
    name: Decharge batt.
    color: '#da60f0'
    stroke_width: 2
  - entity: sensor.voltronic_1_batt_charge_watt
    name: Charge batt.
    color: '#60f06c'
    stroke_width: 2
  - entity: sensor.voltronic_1_pv_watt
    name: PV
    color: '#f0d360'
    stroke_width: 2

Ma configuration

version core-2024.9.1
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.4
os_name Linux
os_version 6.6.31-haos-raspi
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
GitHub API Calls Remaining 5000
Installed Version 1.34.0
Stage running
Available Repositories 1386
Downloaded Repositories 7
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 13.0
update_channel stable
supervisor_version supervisor-2024.08.0
agent_version 1.6.0
docker_version 26.1.4
disk_total 457.7 GB
disk_used 15.7 GB
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization
board rpi4-64
supervisor_api ok
version_api ok
installed_addons File editor (5.8.0), Mosquitto broker (6.4.1), Terminal & SSH (9.14.0), ZeroTier One (0.18.0), AdGuard Home (5.1.1), NGINX Home Assistant SSL proxy (3.10.1), MariaDB (2.7.1), Samba share (12.3.2), Home Assistant Google Drive Backup (0.112.1), Smartphoton (1.3.10)
Dashboards
dashboards 3
resources 6
views 3
mode storage
Recorder
oldest_recorder_run 31 août 2024 à 00:02
current_recorder_run 9 septembre 2024 à 02:02
estimated_db_size 915.94 MiB
database_engine sqlite
database_version 3.45.3
___
2

Bonjour,
Tu devrais tester history-explorer-card, qui permet exactement ce que tu cherches (exploration dans le temps, zoom, etc.)
GitHub - SpangleLabs/history-explorer-card: A card for Home Assistant Lovelace for exploring the history of your entities interactively and in real time.

1 « J'aime »
3

Super !
Merci beaucoup je m’empresse de regarder ca !
Bonne journée

4

Ca me parait tres bien :grin:
Y aurait il un moyen d’augmenter la taille du tableau dans le sens de la hauteur ?

5

Quel tableau?
Je t’engage à lire en détail le Github de la carte. Il y a de nombreux paramètres, qui te permettent de définir le niveau de zoom, les légendes, et aussi la taille du graphique.
Ci dessous une de mes carte sur ma consommation électrique toutes les 10 minutes:

image
image1585×504 25.1 KB

Et le code qui va avec: 
type: custom:history-explorer-card
barGraphHeight: 400
defaultTimeRange: 1d
defaultTimeOffset: 1h
showCurrentValues: false
header: hide
uiLayout:
  toolbar: top
  selector: hide
graphs:
  - type: bar
    title: Conso électrique
    options:
      interval: 10m
      stacked: true
    entities:
      - entity: sensor.autre_electricite
        netBars: true
        color: grey
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_2
        name: Garage
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_3
        name: Micro-onde
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_4
        name: Bureau salon
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_5
        name: Sèche-linge
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_6
        name: Lave-linge
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_7
        name: Lave vaisselle
      - entity: sensor.tz3000_2putqrmw_ts011f_summation_delivered_8
        name: Bureau Parents
      - entity: sensor.prise_refrigerateur_summation_delivered_9
        name: Réfrigérateur
      - entity: sensor.prise_congel_et_cave_a_vin_summation_delivered_9
        name: Congel & cave à vin
      - entity: sensor.prise_baie_informatique_summation_delivered
        name: Baie Info
      - entity: sensor.nous_b2z_clim_summation_delivered
        name: Clim
6

Oui j’ai lu et essayé pas mal de choses mais je n’ai pas réussi a trouver comment agrandir le tableau au niveau de l’axe des ordonnées pour que cela soit plus lisible

7

Dans mon cas, barGraphHeight: 400 définit la taille du graphique.

8

image
image846×244 10.1 KB

C’est vers la fin des explications. Est-ce ce que tu cherches?

1 « J'aime »
9

Oui j’ai essayé mais sans aucun effet
j’ai ca

10

J’ai essayé avec ça lineGraphHeight: ca a l’air de marcher

oui je confirme apres un laps de temps les courbes sont réapparues :+1:

As tu une idée pour modifier les couleurs des courbes
j’ai essayé ca mais sans succès :

type: custom:history-explorer-card
cardName: historycard-22310431
entityOptions:
  - sensor.voltronic_1_pv_watt
color: red
11

Regarde bien les exemples sur le Github. En particulier dans cette section : GitHub - SpangleLabs/history-explorer-card: A card for Home Assistant Lovelace for exploring the history of your entities interactively and in real time.
Sur les exemples, tu vois qu’il y a « : » après le nom du sensor pour les éléments de formattage qui s"appliquent à ce sensor:

entityOptions:
  humidity:                 # Apply these settings to all humidity sensors 
    color: blue
    fill: rgba(0,0,255,0.2)
    ymin: 20
    ymax: 100
    lineMode: lines
  sensor.outside_pressure:  # Apply these settings specifically to this entity if added
    color: green
    fill: rgba(0,255,0,0.2)
    ymin: 900
    ymax: 1100
    width: 2
  sensor:                   # Apply these settings to all other entities in the sensor domain
    color: red
    fill: rgba(0,0,0,0)

Fais aussi attention à l’indentation qui n’est pas non pus bonne dans ton code je pense.

12

Tu es un as !
Merci beaucoup !

13

Pas vraiment! Comme beaucoup j’ai appris grâce aux supers utilisateurs de ce forum… donc j’essaie d’aider un peu à mon tour :slight_smile:
D’ailleurs, n’hésite pas à tagger la réponse principale à ta question comme « solution ». Ca aidera la lecture pour ceux qui auraient une question proche de la tienne.

1 « J'aime »
14

Ah si je peux t’embêter une dernière fois (?)
J’ai un petit probleme sur une courbe.
Normalement celle ci devrait rester plane jusqu’au démarrage de la production, est ce un problème de nombre d’enregistrements ?

15

Je ne sais pas trop pourquoi la courbe a cette forme.
Je vois 2 possibilités: