echarts从后端获取数据,如果当前没数据展示暂无数据,数据回来了就显示数据
时间: 2023-12-14 07:36:27 浏览: 86
可以通过以下方式实现:
1. 在页面上先渲染一个“暂无数据”的提示,例如:
```html
<div id="chartContainer">暂无数据</div>
```
2. 在后端获取数据后,如果数据不为空,则使用 echarts 渲染图表,并将图表容器的内容替换为图表对象,例如:
```javascript
// 获取数据
$.ajax({
url: '/api/getChartData',
success: function (data) {
if (data) {
// 使用 echarts 渲染图表
var chart = echarts.init(document.getElementById('chartContainer'));
chart.setOption({...});
}
}
});
```
这样,当暂无数据时,页面上会显示“暂无数据”提示;当数据返回后,会将提示替换为图表。
阅读全文