apexcharts / apexcharts.js

📊 Interactive JavaScript Charts built on SVG
https://apexcharts.com
MIT License
14.27k stars 1.3k forks source link

Components does not initially render, unless you resize the browser #4682

Open jimmykane opened 1 month ago

jimmykane commented 1 month ago

Description

ApexCharts do not work with tabs (hidden pages) and there is no rendering.

Steps to Reproduce

Install version 3.30.0 or greater Render a component on two different pages (page 1 and page 2) Start at page 1 Go to page 2 (component on page 2 should render, it doesn't) Go back to page 1 (or resize browser window) The component now renders

Expected Behavior

Renders fine

Actual Behavior

Does not render

Reproduction Link

https://codesandbox.io/s/github/rodpatulski/apexcharts_bug

See also the huge discussion Vue and React are having with this lib

https://github.com/apexcharts/vue-apexcharts/issues/185