echarts画图表当没数据时显示一张图片和暂无数据的一句话

在 Echarts 中，可以通过设置 `noDataOption` 属性来在没有数据时显示一张图片和提示信息，例如“暂无数据”。

具体做法如下：

1. 在 Echarts 的 option 中添加 `noDataOption` 属性：

option = {
    // 其他配置项
    noDataOption: {
        text: '暂无数据', // 提示文本
        textStyle: { // 文字样式
            fontSize: 18,
            fontWeight: 'bold',
            color: '#999'
        },
        // 图片路径，可以使用绝对路径或相对路径
        // 例如：'/assets/img/no_data.png'
        image: '/assets/img/no_data.png',
        // 图片宽度
        width: 200,
        // 图片高度
        height: 200,
        // 图片和文字之间的距离
        gap: 10
    },
    // 数据系列
    series: [{
        // 系列类型
        type: 'bar',
        // 数据
        data: []
    }]
};

2. 在数据为空时，手动触发 Echarts 的 `setOption` 方法，将 `noDataOption` 属性设置为 `true`：

// 数据为空，手动触发 setOption 方法
if (data.length === 0) {
    myChart.setOption({
        noDataOption: {
            show: true
        }
    });
} else {
    myChart.setOption({
        noDataOption: {
            show: false
        },
        series: [{
            type: 'bar',
            data: data
        }]
    });
}

这样，当数据为空时，Echarts 就会显示一张图片和提示信息“暂无数据”。