1. tambahkan kode ini :
// Fungsi untuk menghasilkan warna acak
function getRandomColor() {
var letters = '0123456789ABCDEF';
var color = '#';
for (var i = 0; i < 6; i++) {
color +=letters[Math.floor(Math.random() * 16)];
}
return color;
}
// Membuat array warna untuk setiap bar
var backgroundColors = data.map(function() {
return getRandomColor();
});
var borderColors = backgroundColors;
const ctx = document.getElementById('myChart').getContext('2d');
2. dan replace code ini :
const ctx = document.getElementById('myChart').getContext('2d');
var gradientctx = ctx.createLinearGradient(0, 0, 0, 400);
gradientctx.addColorStop(0, 'rgb(10, 119, 74)');
gradientctx.addColorStop(1, 'rgb(234, 255, 246)');
3. lalu ubah :
backgroundColor: gradientctx,
borderColor: gradientctx,
borderWidth: 1
4. Menjadi
backgroundColor: backgroundColors,
borderColor: borderColors,
borderWidth: 0