Javascript 如何使用AMCharts将单个网页的html和图表导出为PDF?

Javascript 如何使用AMCharts将单个网页的html和图表导出为PDF?,javascript,pdf,amcharts,html-to-pdf,Javascript,Pdf,Amcharts,Html To Pdf,我的浏览器中有一份如下图所示的报告。我使用AMCharts生成图表。我可以将页面导出为pdf格式,但它只能导出图表。有谁能帮我使用AMCharts一次性将图表和表格导出为pdf格式。 要使用AmChart的导出插件从页面导出包含相关信息的图表,您需要创建一个布局,并在导出过程中直接导入该信息,如前所述。导出插件使用PDFmake将图表导出为PDF格式,因此您可以查看教程中描述的布局对象中有哪些布局选项可用(注意:您不能直接导入HTML-您必须按照链接中的描述构造布局对象).要使用AmChart的

我的浏览器中有一份如下图所示的报告。我使用AMCharts生成图表。我可以将页面导出为pdf格式,但它只能导出图表。有谁能帮我使用AMCharts一次性将图表和表格导出为pdf格式。

要使用AmChart的导出插件从页面导出包含相关信息的图表,您需要创建一个布局,并在导出过程中直接导入该信息,如前所述。导出插件使用PDFmake将图表导出为PDF格式,因此您可以查看教程中描述的布局对象中有哪些布局选项可用(注意:您不能直接导入HTML-您必须按照链接中的描述构造布局对象).

要使用AmChart的导出插件从页面导出包含相关信息的图表,您需要创建一个布局,并将该信息直接导入,作为导出过程的一部分,如前所述。导出插件使用PDFmake将图表导出为PDF格式,因此您可以查看教程中描述的布局对象中有哪些可用的布局选项(注意:您不能直接导入HTML-您必须按照链接中的描述构造布局对象)。

您可以参考该教程:

但在那里,他们自己给出了表格的数据;如果要遍历行并将数据提取到一个数组中,可以将此数组作为参数传递给layout.content.push({ “表格”:{ “body”:数组})

这是我如何使用函数从表中获取数据并在AmCharts导出函数中使用它的:

var header=Array()


希望它能帮助您

您可以参考该教程:

但在那里,他们自己给出了表格的数据;如果要遍历行并将数据提取到一个数组中,可以将此数组作为参数传递给layout.content.push({ “表格”:{ “body”:数组})

这是我如何使用函数从表中获取数据并在AmCharts导出函数中使用它的:

var header=Array()


希望它能帮助你

谢谢你的建议,@xorspark。但我唯一的问题是html表的列和行跨越多个单元格。我有比我在图中显示的更复杂的表格,我必须准备一份包含图表和表格的pdf报告。你看过pdfmake的文档和表格了吗?它具有行和列跨度功能。我查看了中的,并找到了解决方法。我首先在用户的浏览器中生成图表,将图表对象导出为base64图像,通过ajax调用将其上载到服务器,然后使用mPDF在服务器上生成带有图表图像的pdf,并为用户提供了在浏览器上下载pdf的链接。这不完全是我想要的,也不是一个漫长的过程,但这次对我来说会有用。谢谢你的建议。(y) 谢谢你的建议,@xorspark。但我唯一的问题是html表的列和行跨越多个单元格。我有比我在图中显示的更复杂的表格,我必须准备一份包含图表和表格的pdf报告。你看过pdfmake的文档和表格了吗?它具有行和列跨度功能。我查看了中的,并找到了解决方法。我首先在用户的浏览器中生成图表,将图表对象导出为base64图像,通过ajax调用将其上载到服务器,然后使用mPDF在服务器上生成带有图表图像的pdf,并为用户提供了在浏览器上下载pdf的链接。这不完全是我想要的,也不是一个漫长的过程,但这次对我来说会有用。谢谢你的建议。(y)
    $("#chart_2 tr th").each(function(i, v){
        header[i] = $(this).text();
    })

    var data_table = Array();

    $("#chart_2 tr" ).each(function(i, v){
        data_table[i] = Array();
        $(this).children('td').each(function(ii, vv){
        data_table[i][ii] = $(this).text();
    }); 
    })