No graphs are displayed anymore.

[cracyfloyd]

Checklist

• [x ] I updated the card to the latest version available
• [ x] I cleared the cache of my browser
• [x ] I verified that I'm really running the lastest version in my browser console
• [x ] I checked if there is another issue opened with the same problem

Describe the bug
Unfortunately, no graphs have been displayed for a few days now, neither in Chrome nor in Safari.
Some update triggered this, but I don't know which one.
My software is up to date.

Version of the card
Version: 2.2.0

These maps ran without any problems for months.

Example yaml of a map:

[hwb45]

Same for me, reverted back to the previous version and it is ok again

[vingerha]

@cracyfloyd can you please provide the code formatted properly (!) and no screenshot, no one is really happy copying that manually row by row for testing purposes. As 2.2.0 is working for others and myself (also on 2025.8.2) (aside some sizing stuff, see other issue), have you tried refreshing cache? Same goes for @Fettkeewl and @hwb45 ... commenting alike "it-does-not-work" is not really helpful without details.

[joyissac]

Same here it doesnt work

type: custom:apexcharts-card
header:
  show: true
  title: Electricity Price today (DKK/kWh)
graph_span: 24h
span:
  start: day
now:
  show: true
yaxis:
  - decimals: 2
series:
  - name: I dag
    entity: sensor.elpris_dk2_today_h00
    type: column
    data_generator: |
      const pad = n => n.toString().padStart(2,'0');
      const base = new Date(); base.setHours(0,0,0,0); // today 00:00 local
      const out = [];
      for (let h = 0; h < 24; h++) {
        const id = `sensor.elpris_dk2_today_h${pad(h)}`;
        const st = hass.states[id]?.state;
        const val = (st !== undefined && st !== null && !isNaN(parseFloat(st))) ? parseFloat(st) : null;
        out.push([base.getTime() + h*3600000, val]);  // always push 24 slots
      }
      return out;
apex_config:
  xaxis:
    type: datetime
    labels:
      datetimeUTC: false
  tooltip:
    x:
      format: HH:mm
    "y":
      formatter: |
        function (val) {
          if (val === null || isNaN(val)) return '';
          return Number(val).toFixed(2);
        }

[vingerha]

Same here it doesnt work

Please properly format the code using backticks

[joyissac]

Same here it doesnt work

Please properly format the code using backticks

Doesnt help

[vingerha]

@cracyfloyd hereby proof that it does work with others, in this case 'me'...

[vingerha]

Doesnt help

type: custom:apexcharts-card
header:
  show: true
  title: something
  show_states: true
  colorize_states: true

[vingerha]

Same here it doesnt work

Did you refresh the cache? Have you tried with a simple chart, e.g. just a temperature sensor and no other config? I repeate that ALL my charts are working and I have pretty darn complex ones

[joyissac]

Same here it doesnt work

Did you refresh the cache? Have you tried with a simple chart, e.g. just a temperature sensor and no other config? I repeate that ALL my charts are working and I have prettu darn complex ones

i did the hard refresh and clear cache.

Here are some screeshot of the issue

HA apexcard.docx

[vingerha]

Same here it doesnt work

Did you refresh the cache? Have you tried with a simple chart, e.g. just a temperature sensor and no other config? I repeate that ALL my charts are working and I have prettu darn complex ones

i did the hard refresh and clear cache.

Here are some screeshot of the issue

HA apexcard.docx

Please add the whole (!) code, are you using this in a 'sessions' dashboard view?

[joyissac]

Same here it doesnt work

Did you refresh the cache? Have you tried with a simple chart, e.g. just a temperature sensor and no other config? I repeate that ALL my charts are working and I have prettu darn complex ones

i did the hard refresh and clear cache.
Here are some screeshot of the issue
HA apexcard.docx

Please add the whole (!) code, are you using this in a 'sessions' dashboard view?

views:
  - path: default_view
    title: Home
    cards:
      - type: custom:power-flow-card
        kw_decimals: 2
        entities:
          grid:
            consumption: sensor.import_power
            production: sensor.export_power
          battery:
            consumption: sensor.battery_discharging_power
            production: sensor.battery_charging_power
          battery_charge: sensor.battery_level
          solar: sensor.total_dc_power
      - type: custom:apexcharts-card
        header:
          show: true
          title: Power distribution — today
        graph_span: 24h
        span:
          start: day
        now:
          show: true
        apex_config:
          legend:
            show: true
            position: top
          stroke:
            curve: smooth
            width: 1
          fill:
            type: solid
            opacity: 0.35
        all_series_config:
          type: area
          extend_to: now
          group_by:
            duration: 15m
            func: avg
            fill: 'null'
        yaxis:
          - id: power
            decimals: 0
          - id: soc
            opposite: true
            min: 0
            max: 100
            decimals: 0
        series:
          - name: Total PV
            entity: sensor.total_dc_power
            yaxis_id: power
          - name: Load
            entity: sensor.load_power
            yaxis_id: power
            color: '#FBC02D'
          - name: Export
            entity: sensor.export_power
            yaxis_id: power
            transform: return x * -1;
          - name: Import
            entity: sensor.import_power
            yaxis_id: power
            color: '#448AFF'
          - name: Battery
            entity: sensor.signed_battery_power
            yaxis_id: power
            color: 4CAF50
            transform: return x * -1;
          - name: Battery SoC
            entity: sensor.battery_level
            type: line
            yaxis_id: soc
            color: '#00897B'
      - type: custom:apexcharts-card
        header:
          show: true
          title: Electricity Price today (DKK/kWh)
          show_states: true
          colorize_states: true
        graph_span: 24h
        span:
          start: day
        now:
          show: true
        yaxis:
          - decimals: 2
        series:
          - name: I dag
            entity: sensor.elpris_dk2_today_h00
            type: column
            data_generator: |
              const pad = n => n.toString().padStart(2,'0');
              const base = new Date(); 
              base.setHours(0,0,0,0); // today 00:00 local
              const out = [];
              for (let h = 0; h < 24; h++) {
                const id = `sensor.elpris_dk2_today_h${pad(h)}`;
                const st = hass.states[id]?.state;
                const num = parseFloat(st);
                const val = Number.isFinite(num) ? num : null;
                out.push([base.getTime() + h*3600000, val]);
              }
              return out;
        apex_config:
          xaxis:
            type: datetime
            labels:
              datetimeUTC: false
          tooltip:
            x:
              format: HH:mm
            'y':
              formatter: >
                return (val == null || isNaN(val)) ? '' :
                Number(val).toFixed(2);
      - type: entities
        title: All Settings & Status
        show_header_toggle: true
        state_color: false
        entities:
          - type: section
            label: Mode & Season
          - entity: input_select.mode
          - entity: input_select.season
          - type: section
            label: EV Charger Mode
          - entity: input_select.wallbox_charge_mode
          - type: section
            label: Limit for Evening Export and Car charging
          - entity: input_number.set_sg_export_soc_threshold
          - type: section
            label: Limit for Morning Charge Limit in Weekdays
          - entity: input_number.set_sg_chargelimit_soc_threshold
          - type: section
            label: Power
          - entity: sensor.total_dc_power
          - entity: sensor.load_power
          - entity: sensor.export_power
          - entity: sensor.import_power
          - entity: sensor.battery_charging_power
          - entity: sensor.battery_discharging_power
          - entity: sensor.nord_pool_dk2_current_price
          - entity: sensor.current_buying_price
          - type: section
            label: Daily Summary
          - entity: sensor.daily_pv_generation
          - entity: sensor.daily_imported_energy
          - entity: sensor.daily_exported_energy
          - type: section
            label: Inverter State & EMS Settings
          - entity: sensor.ems_mode_selection
          - entity: sensor.battery_forced_charge_discharge_cmd
      - type: custom:apexcharts-card
        header:
          show: true
          title: Electricity price tomorrrow (DKK/kWh)
        graph_span: 24h
        span:
          start: day
          offset: +1d
        now:
          show: true
        yaxis:
          - decimals: 2
        series:
          - name: I morgen
            entity: sensor.elpris_dk2_tomorrow_h00
            type: column
            data_generator: |
              const pad = n => n.toString().padStart(2,'0');
              const base = new Date();
              base.setHours(0,0,0,0);
              base.setDate(base.getDate()+1);   // tomorrow 00:00 local
              const out = [];
              for (let h = 0; h < 24; h++) {
                const id = `sensor.elpris_dk2_tomorrow_h${pad(h)}`;
                const st = hass.states[id]?.state;
                const val = (st !== undefined && st !== null && !isNaN(parseFloat(st))) ? parseFloat(st) : null;
                out.push([base.getTime() + h*3600000, val]);
              }
              return out;
        apex_config:
          xaxis:
            type: datetime
            labels:
              datetimeUTC: false
          tooltip:
            x:
              format: HH:mm
            'y':
              formatter: |
                function (val) {
                  if (val === null || isNaN(val)) return '';
                  return Number(val).toFixed(2);
                }

[vingerha]

@joyissac see my example above...use THREE backtics

and is this the only graph that does not work or do you have others that DO work

EDIT: and you can edit old posts to correct things, no need to add

[joyissac]

@joyissac see my example above...use THREE backtics

and is this the only graph that does not work or do you have others that DO work

EDIT: and you can edit old posts to correct things, no need to add

Those didnt help, i only use two graphs, very close, its tracking the two prices. Both doesnt work. For now i have reverted back to the old version .

[vingerha]

@joyissac see my example above...use THREE backtics
and is this the only graph that does not work or do you have others that DO work
EDIT: and you can edit old posts to correct things, no need to add

Those didnt help, i only use two graphs, very close, its tracking the two prices. Both doesnt work. For now i have reverted back to the old version .

OK...well.. I am not going to copy this manually so ...maybe someone else will... for me no issues at all and without providing options to reproduce, cannot help as well...neither did you answer my other questions...try simple graphs and build config until it breaks