Charts Weird Behavior in Chrome

[gunesinan]

Hi,

I have some polar charts inside a slider, and I’ve noticed that their display behavior differs between Chromium browsers (Chrome, Opera) and other browsers (Safari, DuckDuckGo). You can find the link to the custom post with the chart below.

The problem is, on other browsers, I do not encounter any issues, but in Chrome, the chart initially doesn’t display, or can display later, very unreliable. This may seem like a dynamic caching issue, but even after clearing the cache, the problem persists in Chrome, whereas other browsers display the chart without needing to purge the cache. Considering that you may want to look at the setup, I have added the credentials to the secure note along with some more details.

By the way, the charts use a looper provider with a CSV file. I haven’t checked if the charts display correctly when using a different type of looper, e.g., JSON, but it’s odd that this issue occurs only with Chrome.

I would appreciate your help in resolving this odd behavior.

Thanks,

Gunes

[charlie]

On the div that is containing the chart. Try setting the width to 100% and then try adding in a min-height to that same div. 400px worked good for me here as the height. I think the text that says 100% is controlling the size of the div causing the issue. Let me know if that helps.

Have a great weekend.