echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

导出pdf,统计图部分为空白。

问题原因

由于代码中进行了dom字符串的复制,而echarts用canvas绘制,canvas内部内容不会进行复制,只会复制canvas节点,因此导出pdf空白。

解决办法

不获取复制节点,直接获取原生节点。但是会有一个问题,就是原生节点消失。因为appendchild会将原来节点移动到新的位置上,所以pdf导出之后原节点消失。

所以在生成pdf之后,将节点再放回父节点中

相关推荐
琴~~32 分钟前
前端全屏模式切换
前端·javascript
哎呀妈呀叮咚响啊1 小时前
通用型pdf合并工具,分享7款简单易学的pdf处理软件,日常电脑必备!
pdf
有盐、在见1 小时前
前段辅助工具分享(像素大厨)
javascript
Jiaberrr2 小时前
微信小程序攻略:如何验证Token是否即将失效并自动刷新
前端·javascript·微信小程序·小程序·前端框架
子非鱼9212 小时前
【前端】ES9:ES9新特性
前端·javascript·es9
Aaron - Wistron2 小时前
Vue devtools 插件
前端·javascript·vue.js
toooooop82 小时前
vue echarts tooltip使用动态模板
前端·vue.js·echarts
马可家的菠萝2 小时前
apply、call和bind的作用和区别
前端·javascript·typescript
爱喝水的小鼠2 小时前
Vue3(五) 组件通信大汇总
前端·javascript·vue.js
ᥬ 小月亮2 小时前
Ant design vue中的日期
前端·javascript·vue.js