How to print a page with multiple charts?

[amitywebMember]

Hi.

I would like to be able to have a button to print the page but only the charts. Not the website header and footer. So I tried using some JS print libraries to do it, as you can target the content container, e.g. PrintJS and PrintThis. But using these the CanvasJS charts are not printed.

If I use the browser print they appear, but so does the whole page which I dont want.

If I add in exportEnabled, its on a per chart basis. But I may have like 20 charts on a page.

exportEnabled is actually perfect for exporting but I would need it for ALL charts on the page in one export, not individual.

So does anyone have any ideas how to achieve this?

Thanks a lot

[Vishwas RKeymaster]

@amityweb,

You can merge all the charts into single image with the help of html2canvas library and then print the image. Please take a look at this JSFiddle.

—
Vishwas R
Team CanvasJS

[amitywebMember]

That totally worked! Thats great, thanks a lot!

[Author]

Posts