echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

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

问题原因

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

解决办法

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

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

相关推荐
上火的金鱼妹24 分钟前
关于多进程sse连接通知的实战
javascript·状态模式·sse
console.log('npc')1 小时前
问题跟踪与知识沉淀:从任务到知识的闭环)
前端·javascript·人工智能
missile1112 小时前
# HDR 算法 ISP 通路客制化方案(G100 / mt6789)
java·前端·javascript
挖掘狂人2 小时前
Vue nextTick 到底在等什么?一篇讲透原理与那些年踩过的坑
javascript·程序员·编程语言
万少2 小时前
Harmony 7.0 这个skill帮你自动化操作AGC
前端·javascript·后端
小大宇2 小时前
Vue知识点-ElementPlus-02图标
前端·javascript·vue.js
谙忆10244 小时前
图像任务超时怎么重试:先分执行状态,再做结果验收
javascript
米米商聊14 小时前
同名附件为什么被 Map 覆盖?重复键与一对多索引
前端·javascript
总要学点什么16 小时前
第81篇:数据可视化-PM2.5分布——让圆点的胖瘦替每座城市报出浓度
前端·信息可视化·echarts·cesium·空间分析
kyriewen17 小时前
我把 10 道面试题答案真跑了一遍:6 道是错的
前端·javascript·面试