javascript – 使用图表创建PDF报告

前端之家收集整理的这篇文章主要介绍了javascript – 使用图表创建PDF报告前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为我的客户端实施自动报告生成工具.
我需要以pdf格式创建报告,我非常乐意使用 Jquery flot创建图形.我只需要一个方法获取pdf中的图形.

我尝试使用飞碟(xhtmlrenderer)捕获图形的图像,但是似乎并没有帮助我,因为图形是由javascript创建的.

可以xhtmlrenderer捕获使用javascript创建的元素吗?

还是他们的任何其他可以捕获图形图像的工具?

解决方法

Flot在HTML5< canvas>上绘制图形元件.所以可能的情况可能如下:

>使用toDataURL从canvas读取图像数据,如this answer所述.
>使用jsPDF创建一个PDF,使用addImage作为第一个例子来嵌入图像.

但请注意,在这种情况下,您不会在图像中看到任何轴标签,因为它们不是在画布上绘制,它们是简单的< div>位置与位置相对的元素.我发现this post的作者提供了一个Flot插件,强制Flot在画布上绘制文字,但我不知道它是否可行. UPD:画布上的绘图标签包含在即将发布的0.8版本中(见注释).

BUT2的图例也没有画在画布上,它也是一个正确定位的< div>.似乎像Flot社区的人正试图用这个做的事情,我发现了两个拉动请求,the first修改了核心,the other引入了一个插件.他们都没有合并约9个月,它们被标记为v.0.9里程碑,这是后续的,没有到期日.至少有可能克隆这些人的回报和测试他们的工作.

简历:Flot周围的很多人关心这个问题,但是遗憾的是,还没有稳定的开箱即用的方法,只有希望在这个问题上有时会出现0.9.

猜你在找的JavaScript相关文章