如何让简单的chart.js在网页上刷新

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

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

<script>
  // 获取canvas元素
  var ctx = document.getElementById('myChart').getContext('2d');

  // 创建图表
  var myChart = new Chart(ctx, {
    type: 'bar', // 图表类型，这里以柱状图为例
    data: {
      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'], // X轴标签
      datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3], // Y轴数据
        backgroundColor: [
          'rgba(255, 99, 132, 0.2)',
          'rgba(54, 162, 235, 0.2)',
          'rgba(255, 206, 86, 0.2)',
          'rgba(75, 192, 192, 0.2)',
          'rgba(153, 102, 255, 0.2)',
          'rgba(255, 159, 64, 0.2)'
        ],
        borderColor: [
          'rgba(255, 99, 132, 1)',
          'rgba(54, 162, 235, 1)',
          'rgba(255, 206, 86, 1)',
          'rgba(75, 192, 192, 1)',
          'rgba(153, 102, 255, 1)',
          'rgba(255, 159, 64, 1)'
        ],
        borderWidth: 1
      }]
    },
    options: {
      scales: {
        y: {
          beginAtZero: true
        }
      }
    }
  });

  // 更新图表数据
  function updateChart() {
    myChart.data.datasets[0].data = [10, 5, 2, 8, 15, 7]; // 更新Y轴数据
    myChart.update(); // 更新图表
  }

  // 每隔一段时间调用updateChart函数刷新图表
  setInterval(updateChart, 5000); // 5000毫秒刷新一次
</script>