如何自动生成包含一些 js 图表库的 pdf？

Question

我想要做的是生成，比如说一个 word 文档甚至一个 PDF，我可以在其中放置来自任何 js 图表库的图表。我实际上正在其他一些网站上实施该库，但我希望在我的文档中使用相同的图表。到目前为止我尝试过的是使用 C# webclient 没有结果，因为它不运行 javascript。换句话说，您将如何自动将 amcharts 或 highcharts 等 js 图表转换为 pdf 或 word 文档？

Answer 1

我不太清楚您是要在服务器端还是客户端来生成带有图表的 pdf 文件，但我在客户端（浏览器）完全做到了这一点，使用 chartsJs 制作图表，使用 pdfmake 制作 pdf 生成。库 pdfmake 允许您将 base64 图像添加到 pdf 和 chartJs 有方法将图表转换为 base64 图像。

因此，如果你想/可以做客户端（或前端）

• 您需要pdfmake来生成 pdf

• 你需要chartJs，用于图表（与谷歌图表相反，它可以离线工作，你不需要额外的 api、证书或类似的东西）

• 然后将图表转换为 base64 图像，然后在生成 pdf 之前将它们添加到 pdf 模板。

你可以在我在playground上开发的网站上试一下，进入最后一步，然后点击“下载pdf”，你会在里面看到图表。