图表从chart.js到pdf

Question

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

例如,我可能有两个按钮,一个用于打开屏幕上的图表canvas.然后,此页面可以处理图表保存并导入到pdf中而不会出现问题.另一个按钮pdf直接打开.是否有可能将图表放入此文档中,无论是否以某种方式将其保存在服务器上？

我怀疑我可能会被告知转到d3,但我只是想知道它是否可能进入chart.js？

Answer 1

这很好，但是如果您想绕过屏幕部分并直接转到 pdf 文档并包含图像怎么办

您仍然可以使用 Chart.js 通过 PhantomJs（一种无头浏览器，将打开包含图表的 html 页面，并通过 PDF 保存）将其导出为 PDF。如果您使用nodejs，有一个很好的库可以抽象PhantomJs并使PDF变得简单： https: //github.com/sindresorhus/pageres。这似乎是一种解决方法，但通常这些画布到 PDF 的渲染效果不佳，特别是图表！

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

• 使用同一页面，并通过 CSS 打印样式，您可以显示/隐藏仅在 PDF 上打印的内容（因为 PhantomJs 将在打印模式下创建 PDF）。

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