Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
Ben-oo7 opened this issue Sep 17, 2024 · 4 comments
Labels
bug Something isn't working

Comments

@Ben-oo7
Copy link

Ben-oo7 commented Sep 17, 2024

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:

  • entity: sensor.shed_temp_temperature
    type: column
  • entity: sensor.shed_temp_humidity
    type: line


**Desktop (please complete the following information):**
 - Browser  Brave
 - Version  Chromium  128.0.6613.138


@Ben-oo7 Ben-oo7 added the bug Something isn't working label Sep 17, 2024
@catshapednoodles
Copy link

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
Copy link

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
Copy link

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.

@neuroboogie
Copy link

Any insights on this?

The bug practically prevents using apexchart-cards on any wall displays, since it occurs consistently with given browsers.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants