echarts 没有数据时友好提示

ECharts是一个非常流行的JavaScript图表库，在实际应用中，可能会遇到数据加载前的情况，比如数据还未准备好或者数据为空。在这种情况下，为了提供友好的用户体验，你可以设置一些默认的提示信息或者加载动画。

首先，可以在初始化图表时，通过配置项`option`来设置无数据时的提示文案，例如：

var option = {
  tooltip: { // 设置提示框
    trigger: 'none', // 阻止默认的提示显示
    formatter: function () { // 自定义提示内容
      return '暂无数据，请稍候...';
    },
    show: false // 初始状态隐藏提示框
  },
  series: [
    {
      data: [], // 空数组表示初始无数据
      ... // 其他系列配置
      onLoading: function (params) { // 加载动画效果
        this.setOption({
          tooltip: { show: true, text: '数据正在加载...' },
          animationDurationUpdate: params.duration,
          ... // 动画相关配置
        });
      },
      on finishing: function () { // 数据加载完成后恢复原状
        this.setOption(option);
      }
    }
  ]
};

这里的关键在于`tooltip.formatter`自定义了提示文本，并利用`onLoading`事件在数据加载过程中显示动画，加载完毕后通过`finishing`事件关闭动画并还原初始配置。