I did try extremas: time but this gives me longest option possible with date and even with year, generally I hate unnecessary clutter in dashboard what I need is just time - so how?
Thanks
type: custom:apexcharts-card
graph_span: 48h
span:
start: day
offset: +0h
header:
title: Nordpool 48h
show: true
show_states: true
colorize_states: true
all_series_config:
stroke_width: 3
type: area
show:
offset_in_name: false
legend_value: false
datalabels: false
extremas: time
float_precision: 2
opacity: 0.2
fill_raw: last
now:
show: true
label: Now
color: red
series:
- entity: sensor.nordpool_kwh_ee_eur_3_10_024
name: Today
show:
in_header: false
extend_to: false
data_generator: |
return entity.attributes.raw_today.map((start, index) => {
return [new Date(start["start"]).getTime(), entity.attributes.raw_today[index]["value"]];
});
- entity: sensor.nordpool_kwh_ee_eur_3_10_024
name: Tomorrow
show:
in_header: false
data_generator: |
return entity.attributes.raw_tomorrow.map((start, index) => {
return [new Date(start["start"]).getTime(), entity.attributes.raw_tomorrow[index]["value"]];
});
- entity: sensor.nordpool_kwh_ee_eur_3_10_024
offset: "-24h"
type: column
name: Now
group_by:
duration: 1d
show:
in_header: true
in_chart: false
legend_value: false
extend_to: end
- entity: sensor.total_el_price
offset: "-24h"
type: column
color: "#cccccc"
float_precision: 2
name: Final price
group_by:
duration: 1d
show:
in_header: true
in_chart: false
legend_value: false
extend_to: end
apex_config:
chart:
height: 300px
fill:
type: gradient
gradient:
shadeIntensity: 1
opacityFrom: 0.7
opacityTo: 0.9
stops:
- 0
- 90
- 100
animations:
enabled: true
easing: easeinout
speed: 800
animateGradually:
enabled: true
delay: 150
zoom:
enabled: true
type: x
autoScaleYaxis: true
zoomedArea:
fill:
color: "#90CAF9"
opacity: 0.4
stroke:
color: "#0D47A1"
opacity: 0.4
width: 1
legend:
show: false
floating: true
offsetY: 25
yaxis:
opposite: false
reversed: false
logarithmic: false
decimalsInFloat: 2
labels:
show: true
tooltip:
enabled: true
crosshairs:
show: true
xaxis:
type: 'datetime'
labels:
show: true
rotate: 0
rotateAlways: true
datetimeFormatter:
hour: 'HH:mm'
logarithmic: false
stroke:
show: true
curve: stepline
lineCap: butt
colors: undefined
plotOptions:
candlestick:
colors:
upward: "#00B746"
downward: "#efa83c"
wick:
useFillColor: true
markers:
size: 1
grid:
show: true
strokeDashArray: 1
position: front
xaxis:
lines:
show: true