echarts从后端获取数据,如果当前没数据展示暂无数据

在使用 echarts 从后端获取数据时，如果数据为空，可以在前端进行判断，如果数据为空，则在图表中显示“暂无数据”等提示信息。具体实现方式可以通过以下步骤实现：

1. 在前端页面中使用 echarts 组件，并设置好相应的参数和配置项；
2. 在获取数据的方法中，判断数据是否为空；
3. 如果数据为空，则设置一个空数据的对象，并在对象中添加一些默认值；
4. 在渲染图表时，判断数据是否为空，如果为空，则在图表中显示“暂无数据”等提示信息。

以下是一个简单的示例代码：

// 获取数据的方法
function fetchData() {
  // 发送 ajax 请求获取数据
  // ...
  // 判断数据是否为空
  if (data.length === 0) {
    // 设置空数据的对象
    data = [{
      name: '暂无数据',
      value: 0
    }];
  }
  // 渲染图表
  renderChart(data);
}

// 渲染图表的方法
function renderChart(data) {
  var chart = echarts.init(document.getElementById('chart'));
  var option = {
    // 设置图表的配置项和数据
    series: [{
      type: 'pie',
      data: data
    }]
  };
  // 判断数据是否为空，如果为空则显示提示信息
  if (data[0].name === '暂无数据') {
    option.title = {
      text: '暂无数据',
      left: 'center',
      top: 'middle',
      textStyle: {
        color: '#999',
        fontWeight: 'normal'
      }
    };
  }
  // 渲染图表
  chart.setOption(option);
}

在上述代码中，我们通过判断数据是否为空来设置一个空数据的对象，并在渲染图表时判断数据是否为空，如果为空则在图表中显示“暂无数据”等提示信息。