echarts导出图片到word不显示数据的问题

最新推荐文章于 2024-04-09 14:43:22 发布
最新推荐文章于 2024-04-09 14:43:22 发布
阅读量1.1k 收藏 3
点赞数 3
文章标签： vue.js 数据可视化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35239421/article/details/106526147
版权

用echarts提供的接口导出图片只有图表没有数据

原echarts图：

示例图

导出后的echarts图：没有数据

导出到Word后
根据官方给出的示例写代码，导出后没有数据
官方API
如果有动画效果的话，生成的图片会是在有动画效果出来以前的样子，就是说数据还没渲染上去，因此导出的图片没有数据。

解决方案：
方法一.去除动画效果

在option中添加属性animation，设置为false

// An highlighted block
// 指定图表的配置项和数据
            let option =
最低0.47元/天 解锁文章
l ﹉x `。
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
echarts 图片导出到word里遇到的几个问题
baidu_35888196的博客
09-11 3035
1.首先前端获取到图表的base64编码传给后端 用的myChart.getDataURL({pixelRatio: 2,}); 这里需要提一下如果在生成时的局部变量里获取这个值，需要将animation:false，否则生成没加载完就获取base64拿到后端图片就不完整。也可以将mychart设为全局变量，在ajax向后端传数据时再获取 2.修正获得的base64值 这个地方就很坑了，花...
关于VUE导出的word中echarts图表没有数据的问题
雨田大大的专栏
03-27 1141
因为项目关系，需要导出word文件，里面包含表格，echarts图。但是导出后，发现图上没数据。原因是echart是动态的，所以要将animation设为false。 //初始化echarts mounted: function() { var chartDom = document.getElementById('main1'); var myChart = echarts.init(chartDom); var option; option = {
Echarts导出图片
最新发布
weixin_43905297的博客
04-09 350
echarts实现图表导出为图片
ECHART导出图片无数据解决
xue2xue的博客
05-31 888
将echart生成的base64url编码传到后台，生成图片，发现图片只有横坐标轴，无数据， 需再定义的option中加入： animation: false （）
Echarts图表导出为空
qq_35859231的博客
10-14 654
工作记录：导出echarts图表时发现导出的图片为空，研究发现 toolbox: { show: true, feature: { saveAsImage: { type: "jpg", pixelRatio = 20 } } }, 主要是是pixelRatio设置过大，导致导出图片为空白。所以需要根据需求重新设置的大小。 echarts官方文档介绍 toolbox.feature.saveAsImage. pi
echarts工具栏中的下载图片的提示字显示不全
weixin_42372773的博客
08-28 859
toolbox: { right: ‘50’, feature: { saveAsImage: {} } },
java 前台数据和echarts图表导出为word文件的jar
03-27
stax-api-1.0.1.jar xmlbeans-2.4.0.jar ooxml-schemas-1.0.jar 这三个主要是java导出为word文件的jar包
Java后台批量生产echarts图表并保存图片
08-19
通过批量生成echarts图表，并将其保存到图片中，可以方便地将数据结果进行可视化，并且可以导出到其他系统中。 六、技术要点 1. echart图表生成：使用echarts提供的js文件生成图表，并将其保存到图片中。 2. ...
echarts图表及列表文字结合导出word文档.doc
10-08
同时，Echarts也提供了将图表导出为图片、PDF、Word文档等多种格式的功能。本文将介绍如何使用Echarts图表结合列表文字导出Word文档。 Echarts图表的基本概念 Echarts图表是一种基于JavaScript的数据可视化图表库...
用java实现word统计报表和图形统计的导出
08-12
用java实现word统计报表和图形统计的导出
java后台生成echarts图表
11-13
echarts-java 通过phantomjs java后台生成echats图表，echartspoi相关jar包及phantomjs都在压缩包内
echarts工具栏中的下载图片的提示文字以及文字显示不全
LJJONESEED的博客
10-27 772
toolbox: { show: true, x: '950', feature: { saveAsImage: {show: true, title: '点击下载图片'} } },
java导出含echarts图的页面为word文档（包括前端js和后端两种写法）
qq_42347255的博客
04-29 6278
总结为两种方法，一种是后端使用freemarker，一种是前端使用js插件。两种方法各有利弊。前端的比较简单，但是格式容易出现问题。后端的比较稳定，但是较前端来说更为繁琐。一般更加倾向于后端的写法。 一、后端使用freemarker 1、导入maven依赖 <dependency> <groupId>org.freemarke...
关于echarts导出图片不显示数据问题
WWW_share8的博客
12-24 4618
需求是使用echarts的图表功能先生成图片，通过浏览发现 每次生成的都是只有 底图没有数据。就是下面这种效果 首先 我们先了解一下 echarts提供个生成图片的api 网址：https://www.echartsjs.com/zh/api.html#echartsInstance.getDataURL 在这个文档中 也就是说生成 图片 我们只需要 写如下代码 就可以将 我...
带样式的文本、表格、echarts图导出到word中整理思路梳理
sanjie123的专栏
02-28 1272
年前一个需求扔了过来，就是把页面展示的文本、表格、echats图、等等等等，按照页面展示的样子导出到word中，还要纯前端完成。扯皮了很久之后，无奈的开始了各种百度+api的尝试。 一、首先尝试jquery+FileSaver+wordexport的方案 参考demo：wordExport 导出页面word文档格式 - 简书 可以导出页面上的文字和表格，但是样式必须写在行内，否则无效。 二、html-docx-js + raw-loader 方案 安装相关的组件 npm install -...
echarts 文字过多不显示文字问题
qq_37891961的博客
03-09 1411
直接上效果： 网上找的都是文字倾斜排列，有时候对于页面布局不是很友好，我需要的是那种换行的文字。 上代码： /*设置文字样式*/ axisLabel: { interval:0, ...
前端实现将echarts放入word文件中导出下载
孜然卷的博客
10-08 323
在生成echarts图表时，将echarts的dom保存通过echarts文档的getDataURL生成图表的图片路径将图片路径放在img元素中，然后放入html中最后将html导出为word。
Echarts配置项-5
神码属于浮云
11-07 1259
配置项setOption() 、 全局配置 、工具栏 、 开启关闭动画、全局字体、全局颜色
java\echarts导出图片
09-07
Java中可以使用echarts来绘制图表，并且还可以通过echarts提供的API来将绘制的图表导出为图片。 在Java中使用echarts导出图片的步骤如下： 1. 首先，需要在Java项目中引入echarts的相关依赖包，比如echarts-java和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值