ApexCharts card tooltip defaults to the left side of the chart

I’m having two issues with the ApexCharts card:

  • Can’t get the columns to stack
  • The tooltip and marker only appear at the left side of the chart (note the cursor at the bottom over the yellow column)

I read somewhere that it may have to do with how the x-axis is formatted but I didn’t quite understand that. Any ideas?

Code:

type: custom:apexcharts-card
apex_config:
  tooltip:
    shared: false
    follow_cursor: true
  chart:
    stacked: true
  xaxis:
    labels:
      format: MMM dd
    tooltip:
      enabled: false
  legend:
    show: false
update_interval: 15m
all_series_config:
  type: column
  group_by:
    func: max
    duration: 24h
series:
  - entity: sensor.energy_monitor_01_circuit_1_daily_energy
  - entity: sensor.energy_monitor_01_circuit_2_daily_energy
  - entity: sensor.energy_monitor_01_circuit_3_daily_energy
  - entity: sensor.energy_monitor_01_circuit_4_daily_energy
  - entity: sensor.energy_monitor_01_circuit_5_daily_energy
  - entity: sensor.energy_monitor_01_circuit_6_daily_energy
  - entity: sensor.energy_monitor_01_circuit_7_daily_energy
  - entity: sensor.energy_monitor_01_circuit_8_daily_energy
  - entity: sensor.energy_monitor_01_circuit_9_daily_energy
  - entity: sensor.energy_monitor_01_circuit_10_daily_energy
  - entity: sensor.energy_monitor_01_circuit_11_daily_energy
  - entity: sensor.energy_monitor_01_circuit_12_daily_energy
  - entity: sensor.energy_monitor_01_circuit_13_daily_energy
  - entity: sensor.energy_monitor_01_circuit_14_daily_energy
  - entity: sensor.energy_monitor_01_circuit_15_daily_energy
  - entity: sensor.energy_monitor_01_circuit_16_daily_energy
yaxis:
  - min: 0
    max: 10000
    decimals: 0
    apex_config:
      tickAmount: 5
graph_span: 4d1s
span:
  end: day