chart.js in an #each loop

Fredo70

Hi
I need to create several diagrams by placing them in a loop.
I have looked at the example and there a trigger is fired when the animation is finished.
Would this also work if I disable the animations and do without the trigger? Apparently not, or I'm doing something wrong.
If I really have to work with the trigger, how do I do it with several diagrams in the loop? I don't have to trigger it until all the diagrams are done.
I still use version 2.10.0
Thank you.

jan_blaha

Disabling animations often work, however, some libraries still do some async work so it sometimes doesn't.
The printing trigger and some on-finished event of the library is typically the best approach.
Firing trigger after multiple charts are printed needs just some coding.
The idea is to have a counter you decrement when a chart is printed. When you count all the charts printed, fire the trigger.

var numberOfChartsToPrint = datasets.length
for (var dataset of datasets) {
    chartingLibrary.printChart({dataset}, {
         onComplete: () => {
              if (--numberOfChartsToPrint === 0) {
                   window.JSREPORT_READY_TO_START = true                    
              }
        }
   })
}

Fredo70

Super. Thank you. I have now done it similarly but with Promise.
I just had other errors in it and that's why I had such difficulties.