1.问题描述:将带有echarts图表的弹框页面转换成pdf并下载到本地页面;如下图
2.解决问题思路:前端先将已经渲染好的echarts图表转化成文件流的形式,将文件流当成参数传给后台;后台再将前端的整个弹框页面转化成文件流,返给前端;最后前端将文件流处理一下,转化成pdf并进行下载;
3.实现代码:
(1).依次将页面的echarts图表转换成文件流:
在echarts组件中,在将组件实例化之后,将组件分别实例化myChart.getDataURL(“png”)}
用bus将数据传给父组件,父组件接收数据并拼接成json对象;
(2).点击下载按钮的时候,调接口,将json对象当成参数
vue中pdf下载并兼容IE
最新推荐文章于 2024-09-13 21:35:36 发布
本文介绍如何在Vue项目中将包含ECharts图表的弹窗页面转换为PDF并实现IE浏览器的兼容性下载。通过将ECharts图表转化为文件流,传递给后端,再将整个弹窗页面转化为文件流返回给前端,最终处理为PDF进行下载。详细步骤包括ECharts图表转文件流、调用接口传递数据及处理后台返回的文件流。在Google和IE10+浏览器中已验证实现效果。
摘要由CSDN通过智能技术生成