我是做java开发的，最近公司让我做前端统计图表柱形图之类的，我用的就是echarts，版本是2.2.7，接下来，就说说我遇到的问题，因为我是小白，所以记录一下。

ajax请求返回数据为空时显示暂无数据

echarts默认的是显示气泡，我换了种样式，是这样的

自定义样式只需要在option中加入这样一段代码：

 noDataLoadingOption: {text: '暂无数据',//没有数据时显示的文字effect: 'whirling',//loading效果，此为气泡，还有'spin' | 'bar' | 'ring' | 'whirling' | 'dynamicLine' | 'bubble'effectOption: {backgroundColor: "rgba(50,50,50,0)",//loading的背景},textStyle: {//没有数据时显示的文字的样式fontSize: 32,fontWeight: 'bold'}},

背景色啥的都可以自己挑，样式代码里写了可以选择。只是要注意的是这段代码智能在版本3之前用。

在我加了这一段代码以后，显示是可以正常显示了，但是，当我点击其他按钮再点击当前按钮的时候就会出现空白。我找了半天才发现是一段代码的原因，就是下面这个：

 myChart.hideLoading();

因为在加载的时候需要这段代码来过渡，就是一个提示信息：

 myChart.showLoading({text: "图表数据正在努力加载...",effect: 'whirling'});

所以我用hideLoading来取消他，其实hideLoading代码直接写在ajax成功以后的回调函数里就可以，而我在按钮的点击事件中又写了一遍，所以造成点击其他按钮再点回来就会显示空白的问题。

是我自己的问题，记录一下，以此示警！！！

关于echarts无数据时显示问题相关推荐

echarts无数据时显示无数据_钣金无腻子数据还原
钣金修复就是把将汽车金属外壳变形部分进行修复,比如车体外壳被撞了个坑,就可以通过钣金使之恢复原样,然后再通过喷涂专门设计油漆,使变形的汽车金属表面恢复到与其他完好的地方一样,光亮如初. 传统的汽车修复 ...
看代码学知识之（2） ListView无数据时显示其他View
看代码学知识之(2) ListView无数据时显示其他View 今天看的一块布局是这样的: <!--The frame layout is here since we will be showi ...
【echart】showLoading hideLoading 无数据时显示正在加载
[echart]showLoading hideLoading 无数据时显示正在加载 - WANGHUAN- - 博客园
Layui table无数据时显示Error而不是显示无数据
先放问题和结果: layui table无数据时显示Error而不是显示无数据,是因为接口返回状态码的问题, 当无数据时code返回了0,就会导致出现Error 第一种解决方案(后端接口处理): 后端 ...
echarts 无数据时提示文字
需求:要求图表没有数据时,文字提示"暂无数据" 思路:使用echarts的title做提示,通过有无数据,设置title的show属性为true / false echarts 设 ...
echarts饼图选中时显示引导线
选中时显示引导线详细信息 ... tooltip: {trigger: 'item',// formatter: '{a} <br/>{b} : {c} ({d}%)'formatter ...
element ui el-table 无数据时显示默认空图片(el-empty)
当获取后台数据为空时,列表显示默认空图片,不正确姿势: <el-tablev-loading="isLoading":data="deviceListData&qu ...
echarts在没有数据时显示暂无数据
需求描述: 如上图,若选择的日期范围内没有数据时,接口返回数据为空,此时需要在echarts dom区域内显示"暂无数据"的提示文字: 并且,若在暂无数据之后重新选择日期范围,当重 ...
帆软当表格无数据时不显示表格并显示无数据
帆软当表格无数据时不显示表格并显示无数据 1.设置隐藏表格 2.显示无数据三个字 1.设置隐藏表格选择要隐藏的表格的每一行的最左个单元格中在右侧设置条件属性注意选择要公式当A8没有数据时,行 ...

关于echarts无数据时显示问题

ajax请求返回数据为空时显示暂无数据

关于echarts无数据时显示问题相关推荐

最新文章

热门文章