Home Assistant cards for Octopus Agile rates
type: custom:apexcharts-card
header:
show: true
title: Agile Octopus - Electricity Import Prices
all_series_config:
type: column
stroke_width: -4
float_precision: 2
unit: p/kWh
offset: '-0m'
color_threshold:
- value: -50
color: blue
- value: 0.1
color: green
- value: 10
color: orange
- value: 25
color: red
series:
- entity: >-
event.octopus_energy_electricity_21l3065775_1900013303662_current_day_rates
name: Prev.
color: grey
data_generator: |
return entity.attributes.rates.filter(
(entry) => {
return (new Date(entry.end) < Date.now()); }
).map((entry) => {
return [new Date(entry.start), entry.value_inc_vat*100];
});
- entity: >-
event.octopus_energy_electricity_21l3065775_1900013303662_current_day_rates
name: Next
data_generator: |
return entity.attributes.rates.filter(
(entry) => {
return (new Date(entry.end) >= Date.now());
}).map((entry) => {
return [new Date(entry.start), entry.value_inc_vat*100];
});
- entity: event.octopus_energy_electricity_21l3065775_1900013303662_next_day_rates
name: Upcoming
data_generator: |
return entity.attributes.rates.map((entry) => {
return [new Date(entry.start), entry.value_inc_vat*100];
}).filter(
(entry) => { return (entry[0] < end); }
);
now:
show: true
label: now
yaxis:
- min: ~0
max: ~40
decimals: 0
align_to: 5
graph_span: 24h
span:
start: minute
offset: '-2h'
experimental:
color_threshold: true