Description:

If I add multiple charts on a page, initially it shows only one chart. The weird thing is that when I right-click and open the "Inspect" window, the other charts load immediately.

What I discovered is that if we disable the lazy rendering option under the chart settings then all the charts load as expected.
Charts with lazy rendering option enabled - https://defectivedinner.tastewp.com/test/
Charts with lazy rendering option disabled - https://defectivedinner.tastewp.com/shortcodes/

How to reproduce:

1. Create 3-4 Visualizer charts
2. Create a new page and add at least two charts to the pages
3. Try loading the page - you should see one chart only.
4. Now open the inspect element - you will see the other charts.

Expected behaviour:

The page should load all the charts.

Current behaviour:

One chart (mostly the last chart that was added to that page) appears on the page.

Reference:

Screencast >> https://vertis.d.pr/G7Jg0X
HS ticket >> https://secure.helpscout.net/conversation/1749179387/305207?folderId=4354547
WP ticket >> https://wordpress.org/support/topic/4-charts-when-using-safary-but-only-1-when-using-chrome/
Test instance details:
Admin area URL: https://defectivedinner.tastewp.com/wp-admin
Username: poonam
Password: 1ufFnRd3dZk

Technical info

• WordPress version: 5.8.2
• Plugin version: 3.7.2