convertir html avec le graphe highcharts en image avec html2canvas

Je souhaite convertir une page HTML en image. Lorsque j’utilise le code ci-dessous, le résultat obtenu ne correspond pas tout à fait à ce que j’attendais.

html2canvas($("#sharedOne"), { onrendered: function (canvas) { console.log("canvas",canvas) var imgsrc = canvas.toDataURL("image/png"); console.log(imgsrc); } }); 

Ceci est une capture d’écran du code HTML

Ceci est une capture d'écran

et ceci est une capture d’écran pour les résultats de l’exécution du code ci-dessus.

c'est une capture d'écran Lorsque j’utilise le code ci-dessous, un message d’erreur s’affiche:

 var canvas = document.getElementById('sharedOne'); console.log("CSSSS",canvas) var t = canvas.toDataURL("image/png"); console.log("chart",t) 

L’erreur est:

Erreur canvas.toDataURL n’est pas une fonction

Je crée un exemple pour cette question s’il vous plaît vérifier

https://jsfiddle.net/solanki/hku6r7g2/

Remarque: la page HTML contient un graphe en haut