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

Responsive option does not work correctly with version 3.49.1 #4519

Closed
giaroc opened this issue Jun 10, 2024 · 0 comments · Fixed by #4523
Closed

Responsive option does not work correctly with version 3.49.1 #4519

giaroc opened this issue Jun 10, 2024 · 0 comments · Fixed by #4523
Labels
bug Something isn't working

Comments

@giaroc
Copy link

giaroc commented Jun 10, 2024

Description

If I define responsive options for a specific breakpoint, they are no longer applied correctly starting from version 3.49.1 of ApexCharts. However, they are applied correctly with previous versions (including 3.49.0). Only if I resize the window, the responsive options are displayed correctly.

Steps to Reproduce

  1. Install ApexCharts 3.49.1.
  2. Define different responsive options to change the charts for a specific screen size.
  3. Load the page with a screen size smaller than the defined responsive option (in the CodePen example, it's 580px).
  4. The chart loads without the responsive options.
  5. If the screen is manually resized, the responsive options are immediately applied.

Expected Behavior

The output on screen under 580 pixel should be the following:

Screenshot 2024-06-10 alle 12 38 27
  • area with gradient
  • no y axes and labels
  • no x axes and labels
  • no toolbar

Actual Behavior

The actual output does not follow the specific for the breakpoint:

Screenshot 2024-06-10 alle 12 38 01
  • classic line chart
  • y axes with values
  • x axes with categories
  • toolbar is present

When the screen is manually resized, all the responsive options are applied.

Reproduction Link

Reproduction example:

https://codepen.io/giaroc/pen/WNBEqze

Screenshot 2024-06-10 alle 12 58 52
@giaroc giaroc added the bug Something isn't working label Jun 10, 2024
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

Successfully merging a pull request may close this issue.

1 participant