如何将json数据动态链接到chart.js

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

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

fetch('data.json')
  .then(response => response.json())
  .then(data => {
    // 在这里处理数据并绘制图表
  });

const labels = data.map(item => item.label);
const values = data.map(item => item.value);

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: labels,
    datasets: [{
      label: 'Data',
      data: values,
      backgroundColor: 'rgba(0, 123, 255, 0.5)',
      borderColor: 'rgba(0, 123, 255, 1)',
      borderWidth: 1
    }]
  },
  options: {
    // 配置项
  }
});