Apex-Charts: Temperaturverlauf-Darstellung
Verfasst: Fr 10. Jun 2022, 12:33
Mit Hilfe der Apex-Charts stelle ich den Temperaturverlauf (Sensor der Wetterstation) der Vergangenheit dar, sowie den künftigen Verlauf (Sensorwerte von Openweather).
Zwei Punkte gefallen mir aber in der Darstellung nicht:
Zwei Punkte gefallen mir aber in der Darstellung nicht:
- die Vergangenheitskurve wird bis ans Ende des Forecast als gerade Linie durchgezogen (sollte bei "now" enden)
- gerne hätte ich auch in Zukunft die Darstellung der Nachtstunden, wie könnte das funktionieren?
Code: Alles auswählen
type: custom:apexcharts-card
graph_span: 4d
span:
start: day
offset: '-1d'
now:
show: true
label: now
color_list:
- red
- yellow
- green
- blue
all_series_config:
unit: °C
apex_config:
chart:
height: 300px
yaxis:
tickAmount: 6
header:
show: true
show_states: true
colorize_states: true
series:
- entity: sensor.outdoor_temperature
name: ecowitt
stroke_width: 2
curve: smooth
show:
extremas: true
- entity: weather.openweathermap_2
name: forceast
curve: smooth
stroke_width: 1.5
type: line
unit: °C
show:
in_header: false
legend_value: false
extremas: true
data_generator: |
return entity.attributes.forecast.map((entry) => {
return [new Date(entry.datetime).getTime(), entry.temperature];
});
- entity: sensor.day_night
curve: stepline
type: area
transform: 'return x === ''Day'' ? 0 : 30 ;'
color: grey
stroke_width: 0
opacity: 0.3
show:
in_header: false
legend_value: false