Exporter/imprimer un graphique

Bonjour,
J'utilise chart.js pour réaliser des graphiques.
Je souhaite exporter un graphique comme une image, et aussi pouvoir l'imprimer.
J'ai parcouru beaucoup de sites sur le net mais je ne trouve pas d'explication qui soit complète.
Existe t-il des tutos sur ces sujets (exporter et imprimer) ?
Merci.

Bonjour,

Citation:

---

Existe t-il des tutos sur ces sujets (exporter et imprimer) ?

---

Si tu n'en as pas trouvé, c'est qu'il n'en existe pas :aie:

Plus sérieusement il existe tout un tas de choses sur ces sujets.


Attendu que les graphes issus de Chart.js sont traités dans un <canvas>, il est aisé de récupérer les données de l'image via un :

Code:

---

let dataImage = canvas.toDataURL("image/png");

---

Une fois ton image obtenue :

• tu peux faire un « download » via un élément <a> avec l'attribut download.
Attention toutefois dans ce cas il faut changer le type données, avant affectation au href du lien avec

Code:

---

1 2 3 4 5 6

// récup. des data de l'image let dataImage = canvas.toDataURL("image/png"); // modifie le type de données dataImage = dataImage.replace("image/png", "image/octet-stream"); // affectation de l'adresse lien.href = dataImage;

---

• tu peux faire l'impression en ouvrant l'image dans une nouvelle fenêtre.

Voilà pour les grandes lignes.

OK. Merci je vais mettre ceci en oeuvre.

Citation:

---

Envoyé par denisduval75

Existe t-il des tutos sur ces sujets (exporter et imprimer) ?

---

Voilà qui est (plus ou moins) fait et concerne plus généralement la récupération et le traitement des « données image » provenant d'un élément <canvas>.

Pour en faire bon usage ;)

↪ <canvas> Download & print image.