echart无数据时的显示

当 ECharts 图表没有数据时，可以通过设置空数据的方式来显示一些信息，或者使用自定义的提示文本来提醒用户。

以下是两种常见的处理方式：

1. 使用空数据提示：
假设你有一个柱状图，当数据为空时，你可以设置一个空数组作为数据源，然后在图表上显示一些提示信息，例如 "暂无数据"。

// 设置空数据
option = {
  xAxis: {
    data: []
  },
  yAxis: {},
  series: [{
    data: [],
    type: 'bar'
  }]
};

// 显示提示信息
if (data.length === 0) {
  option.graphic = [{
    type: 'text',
    left: 'center',
    top: 'center',
    style: {
      text: '暂无数据',
      textAlign: 'center',
      fill: '#999',
      fontSize: 14
    }
  }];
}

// 渲染图表
myChart.setOption(option);

2. 使用自定义提示文本：
另一种方式是在图表上显示自定义的提示文本，以告知用户当前图表无数据。

// 设置空数据
option = {
  title: {
    text: '暂无数据',
    left: 'center',
    top: 'center',
    textStyle: {
      color: '#999',
      fontSize: 14
    }
  },
  series: []
};

// 渲染图表
myChart.setOption(option);

这两种方式都能在 ECharts 图表没有数据时提供一些友好的提示，根据你的需求选择合适的方式进行处理。