How Do I Create a PDF File with Graphs?

How do I create a PDF file with graphs/charts using Angular 2?

1. Use html2canvas for converting the portion of page into a canvas so we won't miss any style applied to the contents of the page. 2. Then convert the canvas to pdf. You can use the below approach. import * as jsPDF from 'jspdf'; import html2canvas from 'html2canvas'; htmltoPDF { // printDiv is the html element which has to be converted to PDF html2canvas(document.querySelector("#printDiv")).then(canvas => { var pdfFile = new jsPDF('p', 'pt', [canvas.width, canvas.height]); var imgData = canvas.toDataURL("image/jpeg", 1.0); pdfFile.addImage(imgData,0,0,canvas.width, canvas.height); pdfFile.save('sample.pdf'); }); }