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

echarts 导出pdf空白原因

问题阐述

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

问题原因

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

解决办法

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • 分析二极管的交流响应(1)——直流分析,Q点的计算
  • 【折腾笔记】雷池WAF社区版自动SSL续签
  • 前端面试题(二)
  • 观测云全面支持 OaC,通过 Terraform 管理您的可观测性
  • 【Pyside】pycharm2024配置conda虚拟环境
  • 我与Linux的爱恋:进程地址空间
  • stable diffusion 神经网络插件 controlnet 的安装,很详细
  • Linux下如何实现不用加路径调用启动脚本
  • 执行网络攻击模拟的 7 个步骤
  • AIGC专栏15——CogVideoX-Fun详解 支持图文生视频 拓展CogVideoX到256~1024任意分辨率生成
  • 不在同一局域网怎么远程桌面?非局域网环境下,实现远程桌面访问的5个方法分享!
  • WebGL光照与材质
  • uniApp 解决uniapp三方地图获取位置接口的请求次数限制问题,分别提供 Android 和 iOS 的实现方法(原生插件获取)
  • Android TV RecyclerView列表获得焦点左右换行
  • 每天五分钟玩转深度学习pytorch:L1正则化和L2正则化的应用
  • [ 一起学React系列 -- 8 ] React中的文件上传
  • classpath对获取配置文件的影响
  • Docker容器管理
  • java多线程
  • js递归,无限分级树形折叠菜单
  • Odoo domain写法及运用
  • Python进阶细节
  • 不用申请服务号就可以开发微信支付/支付宝/QQ钱包支付!附:直接可用的代码+demo...
  • 关于Android中设置闹钟的相对比较完善的解决方案
  • 名企6年Java程序员的工作总结,写给在迷茫中的你!
  • 前端面试之闭包
  • 前端设计模式
  • 三分钟教你同步 Visual Studio Code 设置
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 通信类
  • 突破自己的技术思维
  • 用jquery写贪吃蛇
  • ​​快速排序(四)——挖坑法,前后指针法与非递归
  • #基础#使用Jupyter进行Notebook的转换 .ipynb文件导出为.md文件
  • #我与Java虚拟机的故事#连载03:面试过的百度,滴滴,快手都问了这些问题
  • $var=htmlencode(“‘);alert(‘2“); 的个人理解
  • (1)虚拟机的安装与使用,linux系统安装
  • (2015)JS ES6 必知的十个 特性
  • (3)选择元素——(14)接触DOM元素(Accessing DOM elements)
  • (react踩过的坑)antd 如何同时获取一个select 的value和 label值
  • (Redis使用系列) Springboot 使用redis实现接口幂等性拦截 十一
  • (回溯) LeetCode 77. 组合
  • (解决办法)ASP.NET导出Excel,打开时提示“您尝试打开文件'XXX.xls'的格式与文件扩展名指定文件不一致
  • (论文阅读40-45)图像描述1
  • (排序详解之 堆排序)
  • (四)Controller接口控制器详解(三)
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (原創) 物件導向與老子思想 (OO)
  • (转载)深入super,看Python如何解决钻石继承难题
  • ****** 二十三 ******、软设笔记【数据库】-数据操作-常用关系操作、关系运算
  • .NET CF命令行调试器MDbg入门(三) 进程控制
  • .net core使用RPC方式进行高效的HTTP服务访问
  • .Net 访问电子邮箱-LumiSoft.Net,好用
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .NET/C# 在代码中测量代码执行耗时的建议(比较系统性能计数器和系统时间)