Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
data_generator: >
return entity.attributes.data.map((entry, index) => { return [new
Date(entry.start_time).getTime(), entry.price_ct_per_kwh];
}).slice(23,48);
type: custom:apexcharts-card
header:
show: false
graph_span: 48h
span:
start: day
now:
show: true
label: Now
color_list:
- var(--primary-color)
series:
- entity: sensor.epex_spot_data_net_price
yaxis_id: uurprijs
float_precision: 2
type: column
curve: smooth
extend_to: false
show:
extremas: time
data_generator: >
return entity.attributes.data.map((entry, index) => { return [new
Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(23,48);
color_threshold:
- value: 0
color: "#186ddc"
- value: 0.155
color: "#04822e"
- value: 0.2
color: "#12A141"
- value: 0.25
color: "#79B92C"
- value: 0.3
color: "#C4D81D"
- value: 0.35
color: "#F3DC0C"
- value: 0.4
color: red
- value: 0.5
color: green
- entity: sensor.epex_spot_data_net_price
yaxis_id: uurprijs
float_precision: 2
type: column
curve: straight
extend_to: end
show:
extremas: time
data_generator: >
return entity.attributes.data.map((entry, index) => { return [new
Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(47,70);
color_threshold:
- value: 0
color: "#186ddc"
- value: 0.155
color: "#04822e"
- value: 0.2
color: "#12A141"
- value: 0.25
color: "#79B92C"
- value: 0.3
color: "#C4D81D"
- value: 0.35
color: "#F3DC0C"
- value: 0.4
color: red
- value: 0.5
color: magenta
experimental:
color_threshold: true
yaxis:
- id: uurprijs
decimals: 2
apex_config:
title:
text: €/kWh
tickAmount: 4
apex_config:
legend:
show: false
tooltip:
x:
show: true
format: HH:00 - HH:59
data_generator: >
return entity.attributes.data.map((entry, index) => { return [new
Date(entry.start_time).getTime(), entry.price_per_kwh]; }).slice(23,48);
das hätte ich mir eher als Wiki vorgestellt
Ich verstehe, dass das etwas mühsam sein kann - für uns auch hin und wieder - aber nur so kann eine angemessene Qualitätskontrolle für "Anleitungen" gewährleistet werden. In Form eines Wikis oder einer anderen Art des "selbst veröffentlichens" wäre diese Kontrolle zumindest aktuell ein zu hoher Aufwand, für diesen Bereich gibt es das Forum.Ja, ich bin auch kein Freund davon, wie das mit den Anleitungen hier gehandhabt wird, aber so sind die Regeln.
type: custom:apexcharts-card
header:
show: true
title: Awattar Strompreis heute und morgen
show_states: true
colorize_states: true
all_series_config:
stroke_width: 2
type: line
unit: €/kWh
graph_span: 48h
span:
start: day
now:
show: true
label: Jetzt
color: var(--primary-color)
series:
- entity: sensor.epex_spot_at_price
yaxis_id: deinpreis
float_precision: 2
type: area
curve: stepline
extend_to: end
show:
extremas: true
data_generator: >
return entity.attributes.data.map((entry, index) => { return [new
Date(entry.start_time).getTime(), entry.price_per_kwh]; });
color_threshold:
- value: -100
color: "#77ffff"
- value: -50
color: "#009900"
- value: -40
color: "#30ac00"
- value: -30
color: "#66c200"
- value: -20
color: "#9cd800"
- value: -10
color: "#cfec00"
- value: 0
color: "#ffff00"
- value: 10
color: "#ffcf00"
- value: 20
color: "#ff9900"
- value: 30
color: "#ff6600"
- value: 40
color: "#ff3d00"
- value: 50
color: "#ff0000"
- value: 100
color: "#ff7777"
experimental:
color_threshold: true
yaxis:
- id: deinpreis
apex_config:
title:
text: €/kWh
tickAmount: 10
apex_config:
legend:
show: false
tooltip:
style:
fontSize: 12px
x:
show: true
format: HH:00 - HH:59
Eventuell falschen Sensor verwendet ?Nur leider bekomme ich den Betrag links oben nicht richtig angezeigt.
Sagt wer ? Welche Codezeile soll das machen ?und die linke skala sollte 2 stellen nach dem komma haben.
Dürfte wieder passen, wenn Du den richtigen Sensor verwendest ?Es sind im code die Farbabstufung drin aber es wird nicht angezeigt.
Hat wer eine Idee?