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而不是画布。所以也许你可以找到一种如何将svg转换为图像的方法。

我认为问题在于jspdf无法正常处理html-canvas。您可以尝试将画布转换为带有html2canvas的图像，并将其提供给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');
    }
});

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

背景

我已经尝试过：

问题：

1 个答案: