当前位置: 首页 > article >正文

echarts 导出pdf空白原因

问题阐述

页面样式:
请添加图片描述
导出pdf:
在这里插入图片描述
导出pdf,统计图部分为空白。

问题原因

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

解决办法

不获取复制节点,直接获取原生节点。但是会有一个问题,就是原生节点消失。因为appendchild会将原来节点移动到新的位置上,所以pdf导出之后原节点消失。请添加图片描述
所以在生成pdf之后,将节点再放回父节点中请添加图片描述


http://www.kler.cn/a/326408.html

相关文章:

  • Failed to create a temp file - Jenkins 无法创建任务
  • docker 安装之 windows安装
  • DB Type
  • 单片机学习笔记 1. 点亮一个LED灯
  • Flink_DataStreamAPI_执行环境
  • 鸿蒙中如何实现图片拉伸效果
  • Spring系统学习(五)——Spring数据库编程
  • YOLOv8改进 | 主干改进篇,华为的轻量化架构GhostNetV2改进特征提取网络
  • 前端项目依赖包中的依赖包漏洞解决方案
  • springboot实战学习(10)(ThreadLoacl优化获取用户详细信息接口)(重写拦截器afterCompletion()方法)
  • 解决VRM格式模型在Unity中运行出现头发乱飞等问题
  • Java | Leetcode Java题解之第443题压缩字符串
  • ECCV 2024 | 融合跨模态先验与扩散模型,快手处理大模型让视频画面更清晰!
  • 数据中心解决方案
  • 手写体识别毕设——人工智能和深度学习技术的快速发展
  • 前端安装 lerna
  • Knots_3D 9.3.0 一款教你绑绳结的手机应用
  • 高标准农田灌区信息化:为农业可持续发展注入新动力
  • 开源模型应用落地-qwen2.5-7b-instruct-LoRA微调-LLaMA-Factory-单机单卡-V100(十八)
  • 抽象工厂模式和工厂模式的区别
  • 使用 IntelliJ IDEA 连接到达梦数据库(DM)
  • 大厂面试真题- RPC通讯协议如何保证数据完整性
  • 谷歌网站收录查询,怎么查看网站在谷歌的收录情况
  • 1. AOSP源码导入到AndroidStudio
  • JWT 令牌生成报错
  • Linux(含麒麟操作系统)如何实现多显示器屏幕采集录制