Quiero imprimir gráficos de chartJs. Para este propósito, utilizo la función document.getElementById('myChart').toDataURL(); . El elemento de la identificación es mi lienzo, creado por chartJs. Luego, construyo el contenido que quiero imprimir. Luego, los imprimo usando la función window.open().print() .

Al principio, funcionaba bien usando uno o dos gráficos. Pero tan pronto como agrego al contenido un cuarto gráfico, mi pestaña se congela en Chrome. Así que ya no puedo actuar en el formulario y tengo que cerrar la pestaña.

Creé un jsFiddle para demostrarlo. Para ver el problema, debe hacer clic en el botón "por favor, imprímame".

Aquí hay una versión en ejecución, donde solo imprimo 3 gráficos. Puede imprimirlo tantas veces como desee y puede usar la selección junto a él: https://jsfiddle.net/u49e7qmL/2/

Aquí hay una versión que no se ejecuta, donde solo imprimo 4 gráficos. Tan pronto como hace clic en imprimir, la pestaña crea un problema. No puede imprimir una segunda vez. Además, no puede usar la selección junto a él. En mi aplicación, toda la pestaña se congela: https://jsfiddle.net/u49e7qmL/3/

¿Qué tengo que hacer para poder seguir usando la pestaña como cuando imprimo con solo 3 elementos?