Home forums Using CanvasJS Graph doesn't scale when printing Reply To: Graph doesn't scale when printing

#8077

monba
Participant

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 1 year, 10 months ago by  monba.