Hallo community,
ich möchte einen Apexchart erstellen, um mir die Sonnenstunden und Regenmengen für die nächsten 3 Tage zu visualisieren.
Per Scrape hole ich mir jeweils einzeln die Sonnenstunden für 9-12Uhr, 12-15h und 15-18h. Für die Regenmenge reicht mir der Tageswert.
Mein Problem ist, dass nur der 1.Entity nach der linke Y-Achse ausgerichtet wird. Alle nachfolgenden Entities beziehen sich immer auf die rechte Y-Achse. Ich habe den Code mal auf die ersten beiden Entities gekürzt, um es übersichtlich zu halten.
Habt Ihr eine Idee, wo mein Fehler liegt und was ich ändern muss? Danke im Voraus für Eure Hilfe. Gruß Thomas
im Dashborard:
type: custom:apexcharts-card
graph_span: 1d
span:
start: minute
now:
show: false
apex_config:
chart:
type: bar
height: 150px
toolbar:
show: false
animations:
enabled: true
spacing: 0
legend:
show: true
xaxis:
type: category
categories:
- Verlauf
labels:
rotate: 0
trim: true
style:
fontSize: 12px
fontWeight: 400
plotOptions:
bar:
columnWidth: 90%
distributed: false
yaxis:
- id: sonnenstunden
min: 0
max: 3
tickAmount: 3
title:
text: Sonnenstunden
labels:
formatter: |
EVAL:(val) => `${val} h`
- id: regenmenge
min: 0
max: 5
tickAmout: 3
opposite: true
title:
text: Regenmenge
labels:
formatter: |
EVAL:(val) => val.toFixed(1).replace('.', ',') + ' l/qm'
series:
- entity: sensor.sonne_heute1_9_12
name: Heute 9–12
type: column
yaxis_id: sonnenstunden
color: "#a5d6a7"
data_generator: |
return [{x: 'Heute 9–12', y: entity.state}];
- entity: sensor.sonne_heute_12_15
name: Heute 12–15
type: column
yaxis_id: sonnenstunden
color: "#66bb6a"
data_generator: |
return [{x: 'Heute 12–15', y: entity.state}];
im File Editor:
scrape:
- resource: https://www.wetteronline.de/wetter/kirchberg-sachsen
scan_interval: 20000
sensor:
- name: "Sonne Heute1 9-12"
select: "#sunwheel0 > div:nth-child(4)"
value_template: '{{ value.split(" ")[4] | replace(",", ".") | float }}'
unit_of_measurement: "h"
- resource: https://www.wetteronline.de/wetter/kirchberg-sachsen
scan_interval: 20000
sensor:
- name: "Sonne Heute 12-15"
select: "#sunwheel0 > div:nth-child(5)"
value_template: '{{ value.split(" ")[4] | replace(",", ".") | float }}'
unit_of_measurement: "h"