Vi esta pregunta respondida varias veces pero no he encontrado una solución. No pondré todo dentro del gráfico porque es una función bastante larga y funciona perfectamente, así que no creo que el problema esté ahí, por favor ayuda :´(

JS: Sé que faltan algunos '}', solo copié la parte importante

 var ctx = document.getElementById("myChart").getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(20, 20, 150, 100); var myChart = new Chart(ctx, { type: 'scatter', data: { datasets: [{ label: 'Tiempo-Hole', borderColor: window.chartColors.red, fill: false, pointRadius: 0, data: storage, showLine: true, }, options: { bezierCurve : false, animation: { onComplete: done }, } } }); ``` function done(){ alert("haha"); var chartR = document.getElementById("myChart"); var img = chartR.toDataURL("image/png"); document.getElementById('base64').value = img; } PHP/HTML: This goes inside some divs, etc... <img name="base64" id="base64" src=""> <canvas id="myChart"></canvas>