Slik ser min versjon ut nå:
Etter litt om og men fikk jeg lagt inn strømforbruk også, kjekt å ha pris og forbruk i samme graf. Litt uflaks på tirsdag når varmtvannsbereder traff i to av de dyreste timene. Men det er to ting som trenger forbedring: Jeg klarer ikke få inn noen merking av Y-aksene (venstre er kwt, høyre kroner), og dagene på x-aksen har foreløbig en fast offset, som gjør at de flytter på seg avhengig av hvilken skjerm jeg ser det på. Har noen forslag til løsning på de to problemene?
Her er koden, men det er litt rot og noen overflødige linjer så jeg anbefaler ikke å kopiere uten videre. Skal rydde opp når jeg har er ferdig med å eksperimentere med den.
header:
show: true
title: Strømpris og forbruk
type: custom:apexcharts-card
yaxis:
- id: Kr
opposite: true
decimals: 1
apex_config:
tickAmount: 4
- id: Kwt
opposite: false
decimals: 1
apex_config:
tickAmount: 4
series:
- entity: sensor.nordpool_kwh_trheim_nok_3_10_025
yaxis_id: Kr
name: Pris
curve: stepline
extend_to: false
float_precision: 3
stroke_width: 2
opacity: 0.7
color: rgb(255,111,0)
- entity: sensor.nordpool_kwh_trheim_nok_3_10_025
yaxis_id: Kr
name: Pris
curve: stepline
extend_to: false
float_precision: 3
stroke_width: 2
color: rgb(2,93,136)
data_generator: |
return entity.attributes.raw_today.map((p) => {
return [new Date(p.start), (new Date() > new Date(p.start)) ? null : p.value];
});
- entity: sensor.nordpool_kwh_trheim_nok_3_10_025
yaxis_id: Kr
name: Pris
curve: stepline
extend_to: false
color: rgb(2,93,136)
float_precision: 3
stroke_width: 2
data_generator: |
return entity.attributes.raw_tomorrow.map((p) => {
return [new Date(p.start), p.value];
});
- entity: sensor.stromforbruk_kwt_time
yaxis_id: Kwt
name: Forbruk
type: column
curve: stepline
extend_to: false
float_precision: 3
stroke_width: 2
opacity: 1
color: rgb(100,50,100)
data_generator: ''
now:
show: true
graph_span: 3d
span:
start: day
offset: '-1d'
locale: nb
apex_config:
chart:
height: 300px
zoom:
enabled: true
toolbar:
show: true
tools:
zoom: true
zoomin: false
zoomout: false
pan: false
reset: true
legend:
show: false
legend_value: false
dataLabels:
enabled: true
xaxis:
type: datetime
labels:
offsetX: 55
offsetY: -5
datetimeFormatter:
month: ddd
day: ddd
tooltip:
fixed:
enabled: true
position: bottomLeft
hours_12: false