RomRider / apexcharts-card

📈 A Lovelace card to display advanced graphs and charts based on ApexChartsJS for Home Assistant
MIT License
1.21k stars 84 forks source link

chart type: column causes front end to freeze (becoming unresponsive wait or close page prompt appears) #776

Open Ben-oo7 opened 2 months ago

Ben-oo7 commented 2 months ago

Describe the bug using type: line no errors using type: column becomes unresponsive. wait or close page prompt appears This only happens once a sensor entity is selected Data generator does no cause the issue

chart cause front end to freeze (becoming unresponsive wait or close page prompt appears) loop if wait

same on Brave , Chrome , Edge , Firefox Browsers

Version of the card Version: v2.1.2

To Reproduce This is the configuration I used:

type: custom:apexcharts-card header: show: true title: ApexCharts-Card show_states: true colorize_states: true series:



**Desktop (please complete the following information):**
 - Browser  Brave
 - Version  Chromium  128.0.6613.138
catshapednoodles commented 1 month ago

I also have this issue, but only after updating to HA 2024.10.0 (from 2024.9.3). Two of my Apex charts cards with column graphs freeze my tab or make it very slow. Other graph types I'm using are not affected. This happens on Firefox and Chrome. On the mobile Home Assistant app (Android) I notice a slowdown when opening the dashboard with the column graph, but it doesn't freeze.

Ferrox85 commented 1 month ago

Apexcharts is freezing the front end. I got a lot of this type of errors:

Error: Invalid value for attribute height="NaN" Error: Invalid value for attribute height="NaN" Error: Problem parsing d="M 0 NaN"

It keeps on going.

running core 2024.10.1 frontend 20241002.2

neuroboogie commented 2 weeks ago

Same issue and it prevents Apex charts to be rendered correctly the first time. Graphs don't get scaled correctly and get cropped out. Happens in Safari, both on Mac and iPad at least. Have not seen it happen on mobile phone.