將多個圖表和表格導出為1個PDF

Question

我正在尋找2個JS庫來生成圖表和PDF。 我已經測試過一些，但是到目前為止，它們都沒有滿足我的需求。

背景：

我需要創建幾個獨立的圖表和表格 ，以便隨后將它們全部導出為1個PDF 。

我已經嘗試過的

我已經測試了Highcharts和amcharts ，但是它們似乎並沒有按照我需要的方式工作。

highcharts提供了創建圖表和表格以顯示相同數據的可能性。 因此，相同的輸入顯示效果不同。
沒有人可以在這里幫助我 。

使用amcharts可以導出多個圖表，但是表格的問題仍然相同：它們只能以不同的方式顯示相同的內容。
沒有人可以在這里幫助我 。

這兩個庫都提供了自己的導出功能。 但是，在創建自定義HTML表（ <table><tr>... ）時，我需要使用extern PDF庫，在我的情況下是jspdf 。 這樣，我可以導出自定義表格，但是圖表將無法再正確導出。
這是一個小提琴 。

題：

有誰知道一種方法或另一種庫，以便我可以將多個圖表和表格正確導出為1個PDF ？

Answer 1

編輯：對不起，他們使用的是SVG，而不是畫布。 因此，也許您可​​以找到一種方法來將svg轉換為圖像。

我認為問題在於jspdf無法探究html-canvas。 您可以嘗試使用html2canvas將畫布轉換為圖像並將其提供給jspdf。

在這里看看： HTML5-canvas到pdf

從答案中復制：

html2canvas($("#canvas"), {
    onrendered: function(canvas) {         
        var imgData = canvas.toDataURL(
            'image/png');              
        var doc = new jsPDF('p', 'mm');
        doc.addImage(imgData, 'PNG', 10, 10);
        doc.save('sample-file.pdf');
    }
});