javascript - 将多个图表和表格导出为 1 个 PDF

Question

我正在寻找 2 个用于生成图表和 PDF 的 JS 库。我已经测试了一些，但到目前为止没有一个能满足我的需求。

背景:

我需要创建几个独立的图表和表格，以便随后将它们全部导出到1 PDF中。

我已经尝试过的:

我已经测试过highcharts和 amcharts ，但它们似乎并没有按照我需要的方式工作。

highcharts 提供了创建图表和表格的可能性，显示相同的数据。因此相同的输入会有不同的可视化效果。
Nobody could help me here .

使用amcharts我可以导出多个图表，但表格的问题仍然相同:它们只能以不同的方式显示相同的内容。
Nobody could help me here .

两个库都提供自己的导出功能。但是，在创建自定义 HTML 表 ( <table><tr>... ) 时，我需要使用外部 PDF 库，在我的例子中它是 jspdf 。这样我可以导出自定义表格，但图表将不再正确导出。
Here is a fiddle .

问题:

有人知道一种方法或其他库，以便我可以正确将多个图表和表格导出到 1 个 PDF 中吗？

Answer 1

编辑:抱歉，他们使用的是 SVG 而不是 canvas。所以也许你可以找到一种将 svg 转换为图像的方法。

我认为问题是 jspdf 无法正确处理 html-canvas。 您可以尝试使用 html2canvas 将 Canvas 转换为图像并将其提供给 jspdf。

看这里: Html5-canvas to 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');
    }
});