Homeassistant Wetter Dashboard
Das Internet ist voll mit schönen Dashboards für Home Assistant. Bei einigen werden Standardelemente benutzt, andere bauen direkt ein komplett eigenes. Ich habe hier ein einfaches Wetter Dashboard erstellt, wo mit HACS nur die Apex Card nachgerüstet wurde. die Apex Cards findet ihr unter https://github.com/RomRider/apexcharts-card.
Die Apex Cards sind wie folgt konfiguriert
type: custom:apexcharts-card
apex_config:
chart:
height: 180px
header:
show: true
title: Luftdruck
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.weather_pressure
name: Outdoor Pressure
type: line
group_by:
func: avg
Und einmal die komplette Ansicht
- type: sections
max_columns: 4
title: Wetter
path: wetter
icon: mdi:weather-partly-cloudy
sections:
- type: grid
cards:
- show_current: true
show_forecast: true
type: weather-forecast
entity: weather.geisenheim
forecast_type: daily
- type: custom:apexcharts-card
apex_config:
chart:
height: 160px
experimental:
color_threshold: true
header:
show: true
title: Temperature
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 3
show:
extremas: true
series:
- entity: sensor.weather_temperature
color_threshold:
- value: -10
color: blue
opacity: 1
- value: 0
color: cyan
- value: 15
color: green
- value: 25
color: orange
name: Outdoor Temperature
type: line
group_by:
func: avg
- type: grid
cards:
- type: iframe
url: >-
https://embed.windy.com/embed.html?type=map&location=coordinates&metricRain=default&metricTemp=default&metricWind=default&zoom=9&overlay=wind&product=ecmwf&level=surface&lat=50.036&lon=7.948
aspect_ratio: 200%
grid_options:
columns: full
rows: 8
column_span: 3
- type: grid
cards:
- type: custom:apexcharts-card
apex_config:
chart:
height: 180px
header:
show: true
title: Luftdruck
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.weather_pressure
name: Outdoor Pressure
type: line
group_by:
func: avg
- type: grid
cards:
- type: custom:apexcharts-card
apex_config:
chart:
height: 180px
header:
show: true
title: Luftfeuchtigkeit
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.weather_humidity
name: Outdoor Humidity
type: line
group_by:
func: avg
- type: grid
cards:
- type: custom:apexcharts-card
apex_config:
chart:
height: 180px
dataLabels:
enabled: false
header:
show: true
title: Wind
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.weather_wind_speed
name: Wind Speed
type: line
group_by:
func: avg
- entity: sensor.weather_wind_gust
name: Wind Gust
type: line
group_by:
func: max
- type: grid
cards:
- type: custom:apexcharts-card
apex_config:
chart:
height: 180px
header:
show: true
title: Niederschlag
show_states: true
colorize_states: true
graph_span: 24h
all_series_config:
stroke_width: 1
show:
extremas: true
series:
- entity: sensor.weather_rainfall
color: royalblue
name: Outdoor Rainfall
type: line
group_by:
func: avg
Published on
