pdf - 从 chart.js 到 pdf 的图表

Question

我看过很多帖子描述如何使用 chart.js使用 canvas 创建图形然后保存 canvas到 png，并将其导入 pdf .这很好，但是如果您想绕过屏幕部分并直接转到 pdf 文档并包含图像怎么办？

例如，我可能有两个按钮，一个使用 canvas 在屏幕上打开图表。 .然后，该页面可以毫无问题地处理图表保存和导入到 pdf 中。另一个按钮打开 pdf直接地。是否可以将图表放入此文档中，或者先以某种方式将其保存在服务器上？

我怀疑我可能会被告知转移到 d3，但我只是想知道在 chart.js 中是否可行?

Answer 1

This is fine but what if you want to bypass the on screen part and go straight to a pdf document and include the image

您仍然可以使用带有 PhantomJs 的 chart.js 导出为 PDF(一种 headless 浏览器，它将打开带有图表的 html 页面，并通过 PDF 保存)。如果您正在使用 nodejs，那么有一个很好的库可以抽象 PhantomJs 并使 PDF 变得简单: https://github.com/sindresorhus/pageres .这似乎是一种解决方法，但通常这些 Canvas 到 PDF 的渲染效果不佳，尤其是图表!

是的，您仍然需要创建一个 html 页面来打印您的 PDF，但是您有两个选择:

使用同一个页面，和via CSS print styles, you can show/hide things that will print only on PDF (因为 PhantomJs 将在打印模式下创建 PDF)。

创建仅用于 PDF 渲染的自定义网页