Graph doesn't scale when printing

• February 21, 2014 at 12:16 am #5923
  
  majkilde

  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?

  February 23, 2014 at 11:44 pm #5929
  
  Sunil Urs

  Hi,

  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

  January 26, 2015 at 12:04 pm #8077
  
  monba

  Hi,
  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:

  
  <script>
  function printDiv(divName) {
       var printContents = document.getElementById(divName).innerHTML;
       var originalContents = document.body.innerHTML;
       
       var frm = document.getElementById("ifrm").contentWindow;
             frm.focus();
             frm.print();
       document.body.innerHTML = printContents+frm;
       window.print();
       document.body.innerHTML = originalContents;
  }
  </script>
  
  <div id="printableArea" >
        <table>
              ....
        </table>
        <ifram id="ifrm" name="ifrm" src="...">
              /*   frame content is the canvasjs chart     */
        </ifram>
  </div>
  <a href="" class="btn btn-primary" onclick="printDiv('printableArea')">print</a>
  

  • This reply was modified 9 years, 10 months ago by monba.
  January 28, 2015 at 8:00 pm #8085
  
  Anjali

  monba,

  Can you please try with the below code:

  function printDiv(divName) {
  	
  	   window.print();
  	
  }

  February 1, 2015 at 12:17 pm #8117
  
  monba

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