如何使用ChartJS在画布上添加显示“无数据”的背景？

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

var ctx = document.getElementById('myChart').getContext('2d');
var chart = new Chart(ctx, {
    type: 'bar', // 图表类型，可以根据需求选择不同的类型
    data: {
        labels: [], // 图表的标签
        datasets: [{
            label: '数据', // 数据集的标签
            data: [], // 数据集的数据
            backgroundColor: 'rgba(0, 0, 0, 0)', // 设置背景颜色为透明
            borderColor: 'rgba(0, 0, 0, 0)', // 设置边框颜色为透明
            borderWidth: 0 // 设置边框宽度为0
        }]
    },
    options: {
        responsive: true, // 图表是否响应式
        maintainAspectRatio: false, // 图表是否保持纵横比
        scales: {
            y: {
                beginAtZero: true // y轴是否从0开始
            }
        },
        plugins: {
            legend: {
                display: false // 是否显示图例
            },
            filler: {
                propagate: false // 是否填充图表区域
            },
            annotation: {
                annotations: [{
                    type: 'text',
                    x: 'center',
                    y: 'center',
                    font: {
                        size: 20
                    },
                    value: '无数据' // 显示的文本内容
                }]
            }
        }
    }
});

chart.data.datasets[0].data = [10, 20, 30, 40]; // 更新数据集的数据
chart.update(); // 更新图表