Apex-Charts: Temperaturverlauf-Darstellung

Bereich rings rum zum Thema Yaml und seine Tücken.


Antworten
Benutzeravatar
Markus
Beiträge: 434
Registriert: Fr 23. Jul 2021, 09:03
2
Wohnort: Österreich
Has thanked: 21 times
Been thanked: 8 times

Apex-Charts: Temperaturverlauf-Darstellung

Beitrag von Markus »

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:
  • 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


Benutzeravatar
Osorkon
Administrator
Beiträge: 1905
Registriert: Sa 17. Jul 2021, 16:53
2
Wohnort: Langenargen
Has thanked: 60 times
Been thanked: 516 times
Kontaktdaten:

Re: Apex-Charts: Temperaturverlauf-Darstellung

Beitrag von Osorkon »

Markus hat geschrieben: Fr 10. Jun 2022, 12:33 die Vergangenheitskurve wird bis ans Ende des Forecast als gerade Linie durchgezogen (sollte bei "now" enden)
Die Zeile "extend_to: now" fehlt. 😉

Code: Alles auswählen

series:
  - entity: sensor.outdoor_temperature
    name: ecowitt
    stroke_width: 2
    curve: smooth
    extend_to: now
    show:
      extremas: true
Markus hat geschrieben: Fr 10. Jun 2022, 12:33 gerne hätte ich auch in Zukunft die Darstellung der Nachtstunden, wie könnte das funktionieren?
Sind die Werte für die Zukunft existent? Was ist das überhaupt für. ein Sensor?

Gruß
Osorkon
Einer muss ja für Ordnung sorgen. :D
Benutzeravatar
Markus
Beiträge: 434
Registriert: Fr 23. Jul 2021, 09:03
2
Wohnort: Österreich
Has thanked: 21 times
Been thanked: 8 times

Re: Apex-Charts: Temperaturverlauf-Darstellung

Beitrag von Markus »

a) danke, "extend_to: now" war die Lösung
b) dies hab ich als sensor.day_night, dieser schaut aber nur in die Vergangenheit

Code: Alles auswählen

  
 - platform: template
    sensors:
      day_night:
        friendly_name: "Day/Night"
        value_template: >-
          {% if is_state('sun.sun', 'above_horizon') %}
            Day
          {% else %}
            Night
          {% endif %}
        icon_template: >-
          {% if is_state('sun.sun', 'above_horizon') %}
            mdi:weather-sunny
          {% else %}
            mdi:weather-night
          {% endif %}
Antworten