echart转换成pdf js_如何才能导出和打印 Echarts 图形?
原标题:如何才能导出和打印 Echarts 图形?
地球人都知道,报表工具一般都有导出和打印的功能,不仅可以将图形在页面上显示,还可以导出到 WORD、PDF 等文件中提高逼格,或者直接打印出来以供参考。So,每个 baby 都希望被集成的 Echarts 图形也可以,也可以和报表工具本身的那些美腻图形一样被导出打印。
但是,没那么简单!Echarts 图形是由 Javascript 亲自在前端网页上绘制的,需要从浏览器中截取图形才能导出和打印,而报表工具的导出功能是在后台实现的。噢?这就麻烦啦,还需要把浏览器画出来的图形取下来再啃吃啃吃传递给后台服务器。而且,万一报表有很多页呢,万一页面上不全部显示呢,那导出时还没呈现的图就无法截取了;打印也是类似地,一般报表工具的打印是用 Applet、FLASH 或导出成 PDF 等方式,都不 care 浏览器的,没法执行 Javascript 画图命令的。
那么问题来了,到底怎么才能实现 Echarts 图形的导出与打印呢?
当当当当,润乾报表来了,用新版本直接搞定,而且还是那个白菜价哈,10000 一套!
实现方案是这样滴:
第一步:部署环境
1,在服务器端安装 SlimerJS 和 Firefox。
SlimerJS 是服务器端的 JavaScriptAPI 工具。也就是没有界面的可编程操作的浏览器。这样,润乾报表就可以用 Javascript脚本操纵网页,实现对页面图形的、网络监控等一系列操作了。
由于 SlimerJS 基于火狐的 Gecko 内核,因此使用 SlimerJS 时还需要安装与它匹配的 FireFox 浏览器版本。然后在报表服务器端可以利用 SlimerJS 返回的 API 程序,把网页中画出的 Echarts 统计图转换成一张图片,然后加载到报表单元格里进行打印、导出。
目前 SlimerJS 只能支持 Firefox 38-52 或者更低版本,所以不要下载安装 Firefox 最新版本。
SlimerJS 已经被加入润乾报表安装包中,放在润乾报表【安装根目录】\report\web\webapps\demo\raqsoft\slimerjs-0.10.3.zip;
也可以从 SlimerJS 官方网站https://slimerjs.org/download.html下载。
2,添加环境变量,设置变量名为 SLIMERJSLAUNCHER,变量值为 firefox 的安装路径。
3,WEB 应用配置
在 WEB-INF/raqsoftConfig.xml 中增加了两项配置。
// slimerjsDir 配置SlimerJS的安装目录。未配置此项,应用就不具备打印和导出Echarts的功能
第二步:制作包含 Echarts 图形的报表
第三步:导出与打印
现在点击报表呈现界面上方的菜单栏按钮就可以进行导出和打印操作了。
导出:润乾报表可将带有统计图的报表文件输出为完全不失真的 Excel 文件、PDF 文件、WORD 文件。
打印:润乾报表可将带有统计图的报表文件进行 Applet 打印、Flash 打印、PDF 打印。
明白人都看出来了吧,这个办法也适用于其他类型的 Javascript 图形,润乾报表目前已集成了多种第三方开源图形包,包括:echarts、chart.js、D3 等等。导出与打印的使用方法和上述的 Echarts 图形是一样一样地,在下图所示的 JavaScript 代码区域中直接写入所使用的图表脚本即可。
责任编辑:
echart转换成pdf js_如何才能导出和打印 Echarts 图形?相关推荐
- echart转换成pdf js_【jsPDF】jsPDF插件实现将html页面转换成PDF,并下载,支持分页...
1.目的:在前段是 jQuery库 或者 VUE库 或者两者混合库,将html 页面和数据 转换成PDF格式并下载,支持分页 1.项目背景: 对客户报修记录进行分类统计,并生成各种饼图.柱状图.线性图 ...
- 如何把图片转换成PDF格式?这两种方法不要错过
怎么把图片转换成PDF文件格式呢?PDF文件一直以来都是我们传输文件的好帮手,它的显著效果不仅可以体现在文件上,也可以在图片中拥有良好的体验感.我们将图片转换成PDF格式来发送或者是打印,就不会出现排 ...
- 怎样才能把jpg格式转换成pdf
怎样才能把jpg格式转换成pdf 如果你收到有其他人的一些资料图片,然后你需要再很短的时间里将图片转成PDF格式文档发送给他,你会怎么去做呢?其实不难,首先你要保证图片足够清晰,然后利用识别率较高的J ...
- axure8.0导出页面打不开问题_excel怎么转pdf?excel打不开?转换成PDF就行了
excel转pdf怎么做?年底最后一天了,我都被一堆的Excel文件搞得头疼,在这些时间里,要让我对几个G的文件进行操作,我已经是忙得不可开交,而在最后的最后,我的主管还说他的电脑无法打开我的Exce ...
- cad导出pdf_如何使用CAD手机看图软件将DWG格式图纸文件转换成PDF格式?
在使用CAD手机看图软件修改好CAD图纸后想要发送给其他人,怎么将手机中DWG格式图纸文件转换成PDF格式呢?接下来就给大家介绍一下CAD手机看图软件浩辰CAD看图王手机版中将DWG格式图纸文件转换成 ...
- cad导出pdf_如何将cad文件转换成pdf格式?
据说,有人想要将cad文件转换格式,说是想要转成pdf格式的. 请问那个人在哪里,我想找他好好聊一聊,毕竟小编我有的是方法! 有些文件格式转换器,可能很难将cad的文件转成PDF格式,所以这里建议大家 ...
- cad导出pdf_如何将CAD图纸由DWG格式转换成PDF格式?_moinly
在使用浩辰CAD软件绘制完成图纸后,有些时候为了方便查看会需要将CAD图纸由DWG格式转换成PDF格式.那么如何将CAD图纸由DWG格式转换成PDF格式呢?下面就以浩辰CAD看图王电脑版为例和小编一起 ...
- 如何才能把word转换成pdf文件
Word可以说是我们现在使用最多的办公软件,其实大家在办公中常常使用到不同的办公软件,有时候会遇到一些问题,比如文件之间进行转换,问题说难也不难,但是不知道怎么转换的人可就头大了.但有一款专业的辅助软 ...
- PPT文件转换成PDF格式
将PPT转换成PDF格式,这样可以避免做好的PPT被随意改动,只需要在PPT里面操作就可以了,具体方法如下: 打开PPT,点击[文件]列表里的[导出],再点击右侧[创建PDF/XPS文档] 随后,会出 ...
最新文章
- Jenkins构建Maven聚合工程,指定构建子模块
- 一群机器狗亮相MIT,集体后空翻、踢足球,网友:赶紧去看黑镜压压惊
- 【DIY】arduino播放音乐方案——TMRpcm
- 百度分布式配置中心BRCC正式开源
- 北大青鸟广州天河中心S1T62班HTML项目答辩实录
- lanmp之二 (奇葩问题)
- NHibernate扩展:FluentNHibernate基础教程
- 网络ip计算器工具_火影忍者联名款计算器上市,卡西欧玩转IP联合
- 戴尔计算机没有硬盘驱动,在Dell计算机上重新安装系统后,如果找不到硬盘驱动器或引导设备该怎么办?...
- 天敏G10数位板安装完PS无压感,观看此教程
- 怎样快速备份电脑文件?
- ipad未能与itunes连接到服务器,itunes与ipad无法连接怎么办-互盾苹果恢复精灵
- (1)大数据和应用场景介绍
- 三星高价卖苹果iPhone X OLED屏幕, 苹果或寻新队友
- java二维码之生成与解析
- android 发广播屏蔽home键,如何在Android App中屏蔽(拦截)Home按键及其他按键
- 破解Excel保护密码
- 个人深度学习keras环境配置介绍
- GRE新东方推荐学习方法(2010年左右)
- 系列 | 数仓实践第三篇NO.3『拉链表』