Home Forums Chart Support Graph doesn't scale when printing

Graph doesn't scale when printing

Viewing 5 posts - 1 through 5 (of 5 total)
  • #5923

    Have tried with the example found here -> https://canvasjs.com/editor/?id=https://canvasjs.com/example/gallery/column/oil_reserves/
    When I print this graph, China and US are ‘cutoff’
    How do I scale the graph when printing the page?



    I just observed that the issue exists on IE & Firefox. Chrome is printing properly. So one option is to use chrome for printing the same. Another option is to resize the browser width on IE/Firefox so that the chart’s width reduces slightly before taking the print.

    Sunil Urs


    I have used this library for drawing in my web page. Frame containing the chart is in a div. i want to print div content. when i use this cod, in print dialog box, i see 2 diffrent page; one of them contain the table and another one contain the chart. i want to see the chart under the table in one page. ? can anyone help me?
    the code is:

    function printDiv(divName) {
         var printContents = document.getElementById(divName).innerHTML;
         var originalContents = document.body.innerHTML;
         var frm = document.getElementById("ifrm").contentWindow;
         document.body.innerHTML = printContents+frm;
         document.body.innerHTML = originalContents;
    <div id="printableArea" >
          <ifram id="ifrm" name="ifrm" src="...">
                /*   frame content is the canvasjs chart     */
    <a href="" class="btn btn-primary" onclick="printDiv('printableArea')">print</a>
    • This reply was modified 9 years, 3 months ago by monba.


    Can you please try with the below code:

    function printDiv(divName) {

    Hi Anjali;
    Thanks a lot.
    I wrote the code in a new page and then use window.print(); in onload=”” body tag.

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

You must be logged in to reply to this topic.