javascript - 在服务器上渲染客户端图表

Question

我正在开发的产品在 HTML5 仪表板上有一些漂亮的图表。这些图表使用 Flot 在 Javascript 中呈现。 。

用户希望每天按照固定的时间表通过电子邮件将此仪表板作为 PDF 报告发送给他们。例如，他们希望每天早上 8 点通过电子邮件向他们发送一封电子邮件。

我想过使用Python的Requests (即执行 request.get)来获取页面的 HTML5 源代码，然后使用 Weasyprint 将生成的 HTML5 页面转换为 PDF但这显然行不通。

Javascript 图表是最令人头疼的问题，因为除非在具有良好 Javascript 支持的浏览器中查看，否则它们不会呈现，因此概述的方法不会呈现 Javascript 图表。

将动态生成的 HTML5 页面转换为 PDF 的推荐方法是什么？其他人是如何做到这一点的？

Answer 1

PhantomJS是解决方案。它是一个 headless WebKit 实现，允许我们将带有 Javascript 图形等的仪表板渲染为 PDF。

我现在已经设置了一个批处理作业，该作业每天都会运行，将仪表板转换为 PDF 文档，然后通过电子邮件发送给用户。

附录

其他一些需要注意的事情。在 PhantomJS 当前的 2.1 版本中，存在一个错误，导致渲染为 PDF 时发生剪辑。该修复计划在 2.2 中进行。 bug report 中详细介绍了临时解决方法是设置文档的CSS缩放级别。以下 CSS 片段适合我。

html {
    zoom: 50%;
}