echarts 图表不显示数据，显示了一个表情

最新推荐文章于 2024-04-29 22:09:50 发布
最新推荐文章于 2024-04-29 22:09:50 发布
阅读量561 收藏
点赞数 1
分类专栏： echarts 文章标签： 数据可视化 echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/syousetu/article/details/108775388
版权

echarts图表不显示数据，显示了一个表情

背景描述

使用echarts进行数据统计和展示，但是在使用过程中，发现图表并没有成功绘制，而是只显示了一个表情如下图

在这里插入图片描述

原因：

图表的div宽度太宽了，div宽度过宽，页面显示如上图，
我自己这边是 32000px可以显示 但是32260px就不显示了数据了

解决方案

div的宽度是动态设定的，如果宽度超过32000px，则将宽度设置为32000px

syousetu
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
echarts图表不显示
zhaoq6的博客
02-07 3451
项目场景： vue中使用echarts折线图，需要点击获取数据然后显示对应的折线图 问题描述： 显示折线图时发现太小，只能显示一部分，图表大小并没有自适应，初始化时已经给了resize this.linechart = echarts.init(this.$refs.linechart); this.linechart.setOption(this.lineOption); window.addEventListener("resize", () => { this.linechart.resi
echarts y轴显示 没有数据_基于Flask的Echarts图表展示
weixin_30786631的博客
01-06 338
Flask 小而灵活的Python Web开发神器，半小时即可入门。ECharts 使用 JavaScript 编写的开源可视化库，涵盖各行业图表，满足各种需求，重点是开源免费。Flask+Echarts 人见人爱，花见花开一、先来个案例安利一下1、项目目录结构2、demo.py 实现from flask import Flask,render_template app = Flask(__na...
Echart图的雷达图label文字加图标
qq_59626859的博客
11-15 2243
Echart图的雷达图label文字加图标。根据数据的不同，有的数据展示笑脸图标，有的展示难过图标，有的不展示图标。
解决Echarts图表不显示的问题和Echarts展示大量数据时页面卡顿或者无响应的问题
liuhebahuang的博客
05-12 4591
确保已经正确引入Echarts的JS文件，并设置一个具有宽度和高度的DOM元素。
听说你的echarts图无法展示出来？
最新发布
weixin_52236586的博客
04-29 703
原因：methods中的方法是无法保证顺序的， 通常是因为你的数据没获取到 ，echarts就开始渲染了、这个时候是无法渲染出来的，并且不会报错。如果想要正常渲染echarts，请找promise大哥、案例如下。
echarts 图表无数据/空数据 展示“暂无数据”
细节怪的博客
08-15 2万+
我们从后端获取数据动态渲染图表时，难免会遇到数据为空的情况（虽然实际应用中这样的bug极少遇到），但考虑周全一点也好，看如何实现吧。
echarts图渲染大量数据崩溃
weixin_44989721的博客
05-24 7584
项目需求，一个echart图要渲染两三万个点，绘制折线图。接口相应速度、数据处理速度都很快，唯独是UI层面的渲染特别卡顿，web端勉强能接受，app端之间卡死。查阅文档，询问大神，最终寻得如下的解决方案。 非技术类 最好的解决方案是更改产品需求（哈哈，开发人员跟产品开撕的时刻哦…） 加loading，提高用户交互体验（治标不治本，无法解决本质问题） 技术类 虽然这次开发，选用的是echarts，剩余的还有highchart、chart，但是我都没有实际去尝试，因为本身现有的chart类库都是基于某一款二
Echarts图表绘制问题及解决办法
努力的nana
11-11 932
Echarts图表绘制遇到的问题
解决Echarts2竖直datazoom滑动后显示数据不全的问题
10-15
在使用ECharts这一强大的数据可视化库时，可能会遇到各种问题，其中之一便是Echarts2中竖直datazoom滑动后导致数据显示不全的情况。这个问题对于数据展示的完整性和用户体验有着显著的影响，因此解决它是至关重要的...
echarts地图散点悬浮显示多条数据
10-29
echarts地图散点悬浮显示多条数据echarts地图散点悬浮显示多条数据echarts地图散点悬浮显示多条数据
Echarts+SpringMvc显示后台实时数据
08-25
* Echarts：一个基于JavaScript的数据可视化库 * SpringMvc：一个基于Java的Web框架 * Jackson：一个基于Java的json序列化工具 * Fastjson：一个基于Java的json序列化工具 * Ajax：一种异步请求技术 * WebSocket：一...
echarts 圆环图 中间显示数据 下边显示标题
01-07
echarts 圆环图 中间显示数据 下边显示标题 $(function(){ getqykpnzqdata(qykpnzqjn,qykpnzqqn,wmgdseletj); }) /** * 获得数据并显示echarts图 * idnamejn : 显示今年数据的idname * idnameqn : 显示去年数据...
基于echarts的中国地图省份数据统计显示
12-07
**正文** 本示例主要展示了如何使用Echarts...总的来说，这个示例是一个实用的教程，帮助开发者了解如何利用Echarts构建一个中国地图数据统计应用，对于学习Echarts地图功能以及数据可视化的实践有着重要的参考价值。
echarts 无数据时显示暂无数据的相关处理（这里用的一张图片来显示，图片提示或文字可根据个人需求）
qq_35030421的博客
12-06 5139
1、首先是一个图表的容器div，在图表div后边跟一个div用来盛放表示“暂无数据”的图片或文字，如下： <div id="noDataImg" style="text-align:center; margin-right:20px; margin-top:10%; display:none;"><img src="${ctx}/mainframe/images/no-d...
头痛了很久的Echarts绘图不显示问题终于解决了
热门推荐
代码的女朋友的博客
04-17 3万+
头痛了很久的Echarts绘图不显示问题终于解决了！
button引起的echarts图像显示异常
weixin_43253044的博客
10-30 137
提交表单后，出现chart图像闪现的现象。
用python和html5在画布上画个车子和笑脸
yill_h的博客
06-09 8944
画汽车 python提供了tutle（海龟）模块。这个模块提供了编写向量图的方法，基本上就是画直线，点和曲线。 海龟是怎样工作的，首先让python导入turtle模块。 import turtle 引入turtle模块后，调用turle模块中的Pen函数，它会自动创建一块画布，并且带一个箭头（它就代表海龟）。 t=turtle.Pen() 我们使用刚创建的t的函数给海龟发指令。
ECharts：显示暂无数据
席木木的博客
11-13 2789
ECharts：显示暂无数据，阐述在Vue项目中，当ECharts图表数据为空，或者不合法时，显示“暂无数据”文字的基本思路，并结合ECharts官网文档给出相应参数的基本解释。
vue使用echarts图表不显示问题
weixin_43934824的博客
02-09 1798
在 update(){} 中调用 setOption 解决 vue 使用 echarts 图表不显示问题
echarts饼图一条数据显示百分比
04-15
，如何修改为实际数值？ 你可以使用echarts的formatter属性来修改数据显示的格式。具体来说，你可以在formatter函数中定义自己的样式，然后返回一个字符串即可。例如，如果你想要在饼图上显示实际数值而不是百分比，可以这样写： formatter: '{b}: {c}' 其中，{b}表示数据项的名称，{c}表示数据项的值。这样，你就可以在饼图上显示实际数值了。如果你想要显示带单位的数值，可以在返回的字符串中加入单位，例如： formatter: '{b}: {c}万元' 这样，数据值就会显示为带有“万元”的数值了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值