echarts从后端获取数据,如果当前没数据展示暂无数据,数据回来了就显示数据
时间: 2023-12-10 19:38:47 浏览: 111
可以使用Echarts的loading功能来实现这个需求。具体方法如下:
1. 在Echarts的option中添加loading属性,设置为true:
```javascript
option = {
//...其他配置
loading: true
}
```
2. 在获取数据前,将loading显示出来:
```javascript
var chartDom = document.getElementById('chart');
var myChart = echarts.init(chartDom);
myChart.showLoading(); //显示loading
```
3. 获取到数据后,将loading隐藏起来,并将数据展示出来:
```javascript
//假设数据存储在data变量中
myChart.hideLoading(); //隐藏loading
if (data.length === 0) {
//如果数据为空,显示暂无数据
myChart.setOption({
title: {
text: '暂无数据',
left: 'center',
top: 'middle'
}
});
} else {
//数据不为空,展示数据
myChart.setOption({
//...其他配置
series: [{
data: data
}]
});
}
```
这样就可以实现从后端获取数据,如果当前没数据展示暂无数据,数据回来了就显示数据的需求了。
阅读全文