图表生成pdf,出坑经历

之前公司有个需求是，图表生成pdf

然后我们是使用的vue，引用组件是echarts(当然vcharts/vue-scharts等)用工具wkhtmltopdf生成；

注意点1：echarts的图表默认是有动画效果的，会导致生成的PDF中图表只渲染了一部分，所以在导出pdf的页面中，你需要把动画效果关闭

注意点2：图表渲染出来其实是 canvas，使用 SVG 渲染器、也可使用 Canvas 渲染器（默认）有些情况下用Canvas 生成不了

这些是注意的地方，页面图表正常，但是尽管这样用工具wkhtmltopdf生成的图表为空，然后页面直接用ctrl+s保存下来的html,也是正常的有图表，

（貌似因为ctrl+s 保存下来是经过浏览器编译过的）

太多坑，记不得了，最后没用wkhtmltopdf。。。。

用了 phantomjs 工具

phantomjs 真的是太强大了，建议大家如果是vue 项目，用这个它自己有个js 里面都可以配置，纸张大小边距等等

需要注意的一点是，如果你数据很多有异步数据可以设置延迟时间，使页面可以充分渲染完以后转pdf;

执行的命令

第一次写，好多坑都忘了，大家有问题可以问我谢谢

图表生成pdf,出坑经历相关推荐

使用andorid源生生成pdf的坑
在使用andorid源生的生成pdf时,可以看看官网的使用,很简单的几个功能,并且可以生成对应的页面,暂时不知道要是实现将List的页面全部解出来的要怎么设定高度(考虑:可以使用计算所有的子空间的高 ...
【生成PDF】Java如何根据前台Echarts图表生成PDF，并下载
文章目录前言一.如何通过java代码生成PDF? 1.依赖二.如何在PDF中画前台的echarts图? 1.如何拿到前台echarts图的信息? 前台代码: 后台逻辑:生成PDF,并下载 PDF ...
Java纯后端生成PDF格式报表的三种方案(包含echarts图表)
最近做了一个奇葩的需求,研究了一下Java纯后端生成PDF报表的方案,顺便将研究的方案做个总结复盘,分享一下. 需求分析:Java后端定时任务统计汇总成报表数据,并生成PDF格式的报表文件,并通过邮件 ...
将数据生成带图表的pdf，并下载
1 需求在web开发中经常遇到一些报表数据的在线预览和下载,在我之前一篇文章中说过几种实现的方式,可以根据自己的需求采用合适自己的方案. 2 基本实现流程我在线预览和下载都是采用的pdf格式,其实 ...
Java使用jfreechart生成pdf图表
本项目主要技术是jfreechart和itextpdf,纯Java生成pdf图表,我给大家分享一下完成过程中遇到的各种坑.本项目适合于需要生成pdf图表又没有html模板的需求. 我尝试过freema ...
使用Dompdf生成pdf文件及踩坑记录
安装dompdf 安装参考:https://github.com/dompdf/dompdf 我是通过下载安装的,这里最好是下载稳定副本,少踩坑. 使用. dompdf的使用很简单,上面的参考也给出了 ...
wkhtmltopdf生成pdf时echarts图表不显示的问题
这是一次wkhtmltopdf填坑经历在这里用了html+Vue+Css+js做了一张报告,但是在使用wkhtmltopdf插件打印的过程中,出现了各种匪夷所思的现象,也可能是它很久没有维护的原因, ...
PHP生成PDF并转换成图片爬过的坑
需求描述:根据订单通过模板合同生成新的PDF合同通过e签宝签约后转为图片给用户下载. 需求整理: 1.如何生成PDF文件:使用TCPDF扩展生成.思考: ⑴为了方便将模板中的固定占位符替换为订单中的内 ...
Itext生成图表类型PDF
大家好,我是曲不成歌,前段时间项目中需要实现chart图表页面导出pdf,公司的大佬们都忙着研究"俄罗斯对北约东扩的态度对美国全球战略的影响",没时间弄这些小操作.没办法,谁让我是 ...

图表生成pdf,出坑经历

图表生成pdf,出坑经历相关推荐

最新文章

热门文章