Step line chart has gaps - 3 entities in 1 series

[andyvee69]

Hi

I have 3 entities in 1 series - data for yesterday, today and tomorrow, half hourly intervals - Octopus Agile pricing

I am plotting these as a step line so I get a half hour gap between each day as I can't find a way to either 'join' or 'link' these three entities into one data_generator output?
<
type: custom:apexcharts-card
apex_config:
legend:
show: false
header:
show: true
title: Agile prices (yesterday, today, tomorrow)
yaxis:

• apex_config:
  forceNiceScale: true
  decimals: 0
  span:
  start: day
  offset: '-1d'
  graph_span: 3d
  now:
  show: true
  experimental:
  color_threshold: true
  all_series_config:
  type: line
  curve: stepline
  name: p/kWh
  stroke_width: 2
  float_precision: 3
  color_threshold:
  • value: -7
    color: cyan
  • value: 0
    color: lightblue
  • value: 7
    color: lightgreen
  • value: 14
    color: green
  • value: 21
    color: orange
  • value: 28
    color: red
    series:
• entity: >-
  event.octopus_energy_electricity_previous_day_rates
  extend_to: false
  data_generator: |
  return entity.attributes.rates.map((entry) => {
  return [new Date(entry.start), entry.value_inc_vat*100];
  })
• entity: >-
  event.octopus_energy_electricity_current_day_rates
  extend_to: false
  data_generator: |
  return entity.attributes.rates.map((entry) => {
  return [new Date(entry.start), entry.value_inc_vat*100];
  })
• entity: event.octopus_energy_electricity_next_day_rates
  extend_to: end
  data_generator: |
  return entity.attributes.rates.map((entry) => {
  return [new Date(entry.start), entry.value_inc_vat*100];
  })