Home forums Using CanvasJS How to print a page with multiple charts?

Tagged: 

This topic contains 2 replies, has 2 voices, and was last updated by  amityweb 2 weeks, 2 days ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #23620

    amityweb
    Member

    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

    #23621

    Vishwas R
    Keymaster

    @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

    #23639

    amityweb
    Member

    That totally worked! Thats great, thanks a lot!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.