javascript - 谷歌图表导出为图像

Question

我想要一个简单的谷歌饼图(像这个 https://developers.google.com/chart/interactive/docs/gallery/piechart )并设置为 PDF 作为图像。

要创建 PDF，我使用 laravel-dompdf，它是 DOMPDF 库的 laravel 包装器。此库不支持 javascript。

它应该在后台。我的意思是我没有在浏览器中显示 html 以将图表保存为来自 javascript 的图像的步骤。

有什么提示吗？也可以使用不同的类似库，但我找不到任何有趣的东西。

提前致谢。

Answer 1

Google 为其图表提供了一个名为 getImageURI() 的函数。这会将图表作为图像返回，但采用 base64 编码格式。在 https://developers.google.com/chart/interactive/docs/printing 下进行了描述.使用这个和诸如 PhantomJS 之类的 headless 浏览器，您可以获得该 base64 编码的图像。

您可以使用 https://github.com/jonnnnyw/php-phantomjs加载带有图表的网页，然后从该网站获取 base64 编码的图像。

我会实现一个 javascript 函数，将 base64 字符串发送到端点，然后您就可以将其保存为 pdf/png/jpg 或任何其他格式。

希望对您有所帮助。