Multiple charts not rendering on the page

  • Resolved Iulia Cazan

    (@iulia-cazan)


    2 years, 10 months ago

    Hi!

    First of all, I would like to say this is a very useful tool and has great features out-of-the-box, so thank you for building and sharing it.

    I have set up two charts on one of the pages, one is a bar chart and the other one is a pie chart. Individually, these seem to render nice, but when embedded both on the same page, only the last one renders (tested with removing the lazy loading, as well). I could not spot any JS errors that might be responsible for this, but was wondering if in the visualizerTriggerScriptLoader function the order should be removing events first, then re-add the events (not the other way around).

    Is this something you could look into and make a fix or advise how to fix this myself?

    Thank you very much!
    Iulia

    PS: if I may say, as a great improvement, I would see in the future versions perhaps a total decouple from the jQuery library, to make this tool even a better fit for other applications.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Thread Starter Iulia Cazan

    (@iulia-cazan)

    One more note, after troubleshooting this some more: the other chart appears if I change the size of the window (like there is an additional even on resize that makes it load properly). Please advise.

    Thread Starter Iulia Cazan

    (@iulia-cazan)

    Latest findings: adding the explicit call at line 679 make both charts load. Is this something you could also test? Thank you!

    View post on imgur.com

    • This reply was modified 2 years, 10 months ago by Iulia Cazan.

    Hi @iulia-cazan,

    Thanks for choosing Visualizer, we’re glad you like it!

    This seems to be similar with an issue that we are already aware of – some charts are not displayed because of the “Lazy rendering of chart” option. Could you please add the line of code that can be found here at the end of the functions.php file and check if it solves the issue?

    Let me know about your findings!

    Thank you and have a nice day!

    Thread Starter Iulia Cazan

    (@iulia-cazan)

    Hi Lucia,

    Thank you for the suggestion.
    I will add that and run some tests.

    Have a nice evening,
    Iulia

    Thread Starter Iulia Cazan

    (@iulia-cazan)

    Hi Lucia,

    The filter you suggested fixed the issue.

    Thank you!
    Iulia

    Hi @iulia-cazan!

    I’m glad to hear it works properly now! In the meantime, we released an update for Visualizer (version 3.7.3) that includes a fix to this issue, so everything should be working properly now even without that filter.

    Have a great day!

    Hello,

    It seems to me that I’m having very similar issue. a). If I have many charts on one web page (see https://incorrys.com/energy/oil-supply/), they are no shown at all. b). I have smaller number of charts (see https://incorrys.com/energy/natural-gas-demand/), they are shown only when I change size of the Window.

    – I installed the latest version of Visualizer 3.7.3.
    – I cleaned all cashes multiple times
    – I don’t use “lazy rendering of chart” in any charts
    – I tried to filter mentioned above to functions.php in my theme directory.
    – I tried to update pages in WordPress

    All these things did not fix the problem. You have a great tool, please help to make it working.

    Tested with 3.7.3, and twentytwenty theme. Same issue as @virine.

    Also amended functions.php with no change.

    Issue present on desktop Safari and Chrome (latest versions). However it works fine on iOS.

    Loads the last chart on the page, only shows the other charts after a resize of the window.

    • This reply was modified 2 years, 10 months ago by cyberruss.

    For anyone with this problem you can use this client side hack to fix, but would rather not have to do it…

    //Wait for document to be ready then trigger resize event 
let stateCheck = setInterval(() => {
  if (document.readyState === 'complete') {
    clearInterval(stateCheck);
   // document ready
   window.dispatchEvent(new Event('resize'));
  }
}, 100);

    Hello @virine and @cyberruss!

    We are already aware that there are some cases where an issue regarding some inconsistency in chart loading occurs. Our developers are currently working on a fix and hopefully it will be solved in the next update of Visualizer.

    Sorry for the inconvenience and thank you for your patience!

    Thanks for the feedback. Will upgrade and test once available.

    Tested with the latest version (3.7.4) and now working correctly. Thanks!

    Hi @cyberruss and @virine,

    @cyberruss Thanks for checking! Indeed the latest update includes a fix for this issue.

    @virine Please update the plugin to the latest version as everything should work properly now.

    Best regards to both of you!

    Looks like the latest version fixed the problem. Thank you very much.

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Multiple charts not rendering on the page’ is closed to new replies.