在chart.js中，通过单击按钮更改图表的颜色

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

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

<button id="changeColorBtn">Change Color</button>

document.getElementById('changeColorBtn').addEventListener('click', changeColor);

function changeColor() {
  // 在这里编写更改图表颜色的代码
}

function changeColor() {
  var ctx = document.getElementById('myChart').getContext('2d');
  var chart = new Chart(ctx, {
    type: 'bar',
    data: {
      labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
      datasets: [{
        label: '# of Votes',
        data: [12, 19, 3, 5, 2, 3],
        backgroundColor: 'rgba(255, 99, 132, 0.2)', // 设置初始颜色
        borderColor: 'rgba(255, 99, 132, 1)',
        borderWidth: 1
      }]
    },
    options: {
      scales: {
        y: {
          beginAtZero: true
        }
      }
    }
  });

  // 随机生成一个颜色
  var randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);

  // 更改图表的颜色
  chart.data.datasets[0].backgroundColor = randomColor;
  chart.update();
}