使用chart.js的初学者:无法使用变量将充满数据的状态显示到柱状图中

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

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

var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [], // 柱状图的标签
        datasets: [{
            label: '数据状态', // 数据集的标签
            data: [], // 数据集的值
            backgroundColor: 'rgba(75, 192, 192, 0.2)', // 柱状图的背景颜色
            borderColor: 'rgba(75, 192, 192, 1)', // 柱状图的边框颜色
            borderWidth: 1 // 柱状图的边框宽度
        }]
    },
    options: {
        scales: {
            y: {
                beginAtZero: true // Y轴从0开始
            }
        }
    }
});

myChart.data.labels = ['标签1', '标签2', '标签3']; // 设置柱状图的标签
myChart.data.datasets[0].data = [10, 20, 30]; // 设置柱状图的数据

myChart.update();