javascript - 在 FPDF 中使用 Google Charts API 生成的图形

Question

好吧，问题确实在标题中。由于图形是用 Javascript 创建的，而 PDF 是在服务器端生成的，我想知道是否有任何方法(如果需要，可能是一种骇人听闻的、不那么漂亮的方法)将这些图形包含到使用生成的 pdf 中FPDF.

我想包含的图表示例:https://jsfiddle.net/srm8gzqg/3/chart.draw(数据, 选项);

编辑:我几乎绝望了，因为我还没有找到一种可以像在 fiddle 中那样创建图表的 php 替代方案。要求如下:

• 从上到下的线条
• 输入数据可以有浮点值
• 左侧和底部的轴具有正确的标签方向等。

我真的发现没有用 php 编写的可以输出符合给定要求的图像文件(jpg、png 等)的好库。非常感谢任何提示

Answer 1

这是一个jsfiddle呈现为图像的谷歌图表示例。您可以轻松地将“可打印版本”放入您的 pdf 中。

Google 图表具有 getImageURI 方法，可为您提供您创建的图表的 png。

  // Wait for the chart to finish drawing before calling the getImageURI() method.
  google.visualization.events.addListener(chart, 'ready', function () {
    chart_div.innerHTML = '<img src="' + chart.getImageURI() + '">';
  });