Die Apex Charts Karte ist eine großartige Karte für Home Assistant zum darstellen von Charts und Verläufen. Sie ist neben der mini Graph Karte die wohl flexibelste Karte mit den meisten Chart Typen zur individuellen Anpassung für dein Dashboard. Welche Chart Typen das sind und wie du die Konfiguration in YAML vornimmst zeige ich dir in den folgenden Beispielen. Alle Beispiele werden ausführlich im dazugehörigen Youtube Video vorgestellt. Deshalb dient der Beitrag als Ergänzung zum Video und als leichten Einsteig für Dich!
Du kannst den YAML Code kopieren und nutzen und hast direkt eine Grundlage für deine Individuellen Anpassungen! Viel Spaß beim anpassen für dein Dashboard!
Beispiel 1 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
grid_options:
rows: 6
columns: 18
header:
show: true
title: Speedtest
floating: false
show_states: true
colorize_states: true
graph_span: 24h
series:
- entity: sensor.speedtest_download
name: Download
color: yellow
type: area
show:
legend_value: false
in_chart: true
- entity: sensor.speedtest_upload
name: Upload
color: blue
type: area
show:
legend_value: false
in_chart: true
Beispiel 2 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
header:
show: true
title: Speedtest
grid_options:
rows: 6
columns: 18
series:
- entity: sensor.speedtest_download
name: Download
color: yellow
opacity: 0.5
stroke_dash: 10
- entity: sensor.speedtest_upload
name: Upload
color: blue
opacity: 1
stroke_width: 8
type: column
Beispiel 3 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
grid_options:
rows: 6
columns: 18
layout: minimal
series:
- entity: sensor.speedtest_download
name: Download
color: yellow
opacity: 0.5
stroke_dash: 10
- entity: sensor.speedtest_upload
name: Upload
color: blue
opacity: 1
stroke_width: 2
type: line
show:
datalabels: false
Beispiel 4 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
layout: minimal
grid_options:
rows: 6
columns: 18
series:
- entity: sensor.speedtest_download
name: Download
color: yellow
opacity: 0.3
stroke_dash: 10
type: area
- entity: sensor.speedtest_upload
name: Upload
color: blue
opacity: 0.6
stroke_width: 5
type: area
Angebot 
Shelly Wall Display Weiß + Blu H&T Elfenbein (Bundle), WLAN-Smart-Home-Bedienfeld, Thermostat,...
- 𝟰-𝗭𝗼𝗹𝗹-𝗧𝗼𝘂𝗰𝗵𝘀𝗰...
- 𝗜𝗻𝘁𝗲𝗴𝗿𝗶𝗲𝗿𝘁𝗲𝗿...
- 𝗜𝗻𝘁𝗲𝗴𝗿𝗶𝗲𝗿𝘁𝗲...
- 𝗔𝗻𝗽𝗮𝘀𝘀𝗯𝗮𝗿𝗲𝗿...
- 𝗦𝗵𝗲𝗹𝗹𝘆 𝗕𝗟𝗨 𝗛&𝗧...
Beispiel 5 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
grid_options:
rows: 6
columns: 24
chart_type: donut
series:
- entity: sensor.ugreen_nas_pool_1_volume_1_total_size
name: Frei
color: White
- entity: sensor.ugreen_nas_pool_1_volume_1_used_size
name: Belegt
color: red
Beispiel 6 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
grid_options:
rows: 6
columns: 24
chart_type: pie
series:
- entity: sensor.ugreen_nas_pool_1_volume_1_total_size
name: Frei
color: white
- entity: sensor.ugreen_nas_pool_1_volume_1_used_size
name: Belegt
color: red
Beispiel 7 der Apex Charts Karte für Home Assistant
type: custom:apexcharts-card
section_mode: true
grid_options:
rows: 6
columns: 24
chart_type: radialBar
series:
- entity: sensor.ugreen_nas_pool_1_volume_1_total_size
name: Frei
color: white
min: 0
max: 14
- entity: sensor.ugreen_nas_pool_1_volume_1_used_size
name: Belegt
color: red
min: 0
max: 12
