You must be logged in to post your query.
Home › Forums › Chart Support › Graph doesn't scale when printing
Tagged: print a div containing iframe chart
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?
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
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>
monba,
Can you please try with the below code:
function printDiv(divName) { window.print(); }
Hi Anjali; Thanks a lot. I wrote the code in a new page and then use window.print(); in onload=”” body tag.
You must be logged in to reply to this topic. Login/Register