[CARD LOVELACE] ApexCharts Tout ce qu’il faut savoir pour faire des graphs sous Home Assistant

Avec HACS, nous pouvons utiliser la librairie ApexCharts pour réaliser des graphiques directement dans des cartes avec Lovelace de Home Assistant.

Propriété header

type: custom:apexcharts-card
graph_span: 24h
header:
  show: true
  title: Header standard_format
  show_states: true
  colorize_states: true
  standard_format: false
series:
  - entity: sensor.meter_ch_parents_temperature
  - entity: sensor.meter_ch_parents_humidity

Propriété Series Group By

type: custom:apexcharts-card
graph_span: 1w
header:
  show: true
  title: Series Idee group By
  show_states: true
  colorize_states: true
series:
  - entity: sensor.meter_ch_parents_temperature
    stroke_width: 2
    fill_raw: last
    group_by:
      func: avg
      duration: 24h
  - entity: sensor.meter_ch_parents_temperature
    stroke_width: 2
    fill_raw: last

Propriété Series Extremas

type: custom:apexcharts-card
graph_span: 1w
header:
  show: true
  title: Series Show extremas
  show_states: true
  colorize_states: true
series:
  - entity: sensor.meter_ch_parents_temperature
    stroke_width: 2
    fill_raw: last
    group_by:
      func: avg
      duration: 24h
  - entity: sensor.meter_ch_parents_temperature
    stroke_width: 2
    show:
      legend_value: true
      extremas: true

Brush

type: custom:apexcharts-card
header:
  show: true
  title: Brush
experimental:
  color_threshold: true
  brush: true
graph_span: 168h
brush:
  selection_span: 24h
  apex_config: null
series:
  - entity: sensor.meter_ch_parents_humidity
    fill_raw: last
    stroke_width: 2
    show:
      in_brush: true
      in_chart: false
  - entity: sensor.meter_ch_parents_humidity
    fill_raw: last
    stroke_width: 2

Mode invert

type: custom:apexcharts-card
header:
  show: true
  title: Invert
graph_span: 1d
all_series_config:
  stroke_width: 2
  type: column
  group_by:
    func: avg
    duration: 30min
series:
  - entity: sensor.freebox_download_speed
    stroke_width: 2
    type: column
  - entity: sensor.freebox_upload_speed
    stroke_width: 2
    type: column
    invert: true

Comparaison sur une semaine

type: custom:apexcharts-card
header:
  show: true
  title: Comparaison
graph_span: 1w
apex_config:
  legend:
    position: top
span:
  end: isoWeek
series:
  - entity: sensor.shellyplug_5d1c85_energy
    type: column
    transform: return x*1000
    unit: Wh
    group_by:
      func: diff
      duration: 24h
  - entity: sensor.shellyplug_5d1c85_energy
    offset: '-1w'
    type: column
    transform: return x*1000
    unit: Wh
    group_by:
      func: diff
      duration: 24h

Faites un petit don : https://fr.tipeee.com/arminastv
Si le contenu vous intéresse, n'hésitez pas à vous abonner à ma chaine et à partager sur tous vos réseaux sociaux. 👍