echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

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

问题原因

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

解决办法

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

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

相关推荐
默_笙13 小时前
🚋 从流水线到地铁网:为什么复杂 AI 都要拆成多 Agent(上)——LangGraph 基础入门
前端·javascript
ID346107442013 小时前
【课程设计】基于Spring Boot+Vue的游戏账号租赁系统的设计与实现-计算机毕设 附源码50345
javascript·vue.js·spring boot·python·node.js·php·课程设计
柚yuzumi13 小时前
彻底搞懂 JavaScript 类型转换:显式转换、隐式转换与 ToPrimitive
前端·javascript·node.js
AI情绪识别开源15 小时前
检信ALLEMOTION 认知评估分析器 · WebSocket 推送数据文档
javascript
OpsEye15 小时前
公司内部全员使用 AI,如何保证会话合规、行为可审计?
javascript·ai编程
Saruka的男朋友15 小时前
不上传文件也能转格式?拆解一个纯浏览器端的 EPUB 工具链的设计思路
pdf·epub·eink
变与不变80615 小时前
JS事件机制精讲
前端·javascript
沉迷...16 小时前
Git skip-worktree 使用笔记(本地忽略配置文件)
javascript·git
asdzx6716 小时前
Python 实战:基于 Spire.PDF 为 PDF 文档添加自定义文本
python·pdf