Seite 1 von 1

Apex-Charts: Temperaturverlauf-Darstellung

Verfasst: Fr 10. Jun 2022, 12:33
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



Re: Apex-Charts: Temperaturverlauf-Darstellung

Verfasst: So 12. Jun 2022, 13:59
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

Re: Apex-Charts: Temperaturverlauf-Darstellung

Verfasst: So 12. Jun 2022, 18:40
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 %}