如何通过jquery从api调用加载新的图表(chartsjs)？

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

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

$.ajax({
  url: 'API的URL',
  method: 'GET',
  dataType: 'json',
  success: function(data) {
    // 在成功获取数据后，调用创建图表的函数
    createChart(data);
  },
  error: function(error) {
    console.log('API请求失败：' + error);
  }
});

function createChart(data) {
  var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'bar',
    data: {
      labels: data.labels,
      datasets: [{
        label: '数据集',
        data: data.values,
        backgroundColor: 'rgba(0, 123, 255, 0.5)'
      }]
    },
    options: {
      responsive: true,
      scales: {
        y: {
          beginAtZero: true
        }
      }
    }
  });
}

$(document).ready(function() {
  $.ajax({
    // ...
  });
});