为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: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: '# of Votes',
            data: [12, 19, 3, 5, 2, 3],
            backgroundColor: [] // 在这里定义颜色数组
        }]
    },
    options: {
        // 可以定义其他配置选项
    }
});

var colors = ['#FF6384', '#36A2EB', '#FFCE56', '#33FF66', '#8A2BE2', '#FFA500'];

myChart.data.datasets[0].backgroundColor = colors;