Aqui tengo un problema que no puedo separar las barras este es mi codigo // Crear datos para las barras
for (let year = 1; year <= maxYears; year++) {
labels.push(${year} año${year > 1 ? 's' : ''});
data.push(principal * Math.pow(1 + rate, year));
additionalData.push(principal);
additionalData2.push(principal); // Usar el valor del slider para la segunda barra
}

myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: labels,
        datasets: [
            {
                label: 'Valor del Slider 1',
                data: additionalData,
                backgroundColor: '#333399', // Color para la primera barra
                barThickness: 20, // Grosor de las barras
                categoryPercentage: 0.4, // Ancho del grupo de barras
                barPercentage: 0.1 // Ancho de las barras dentro del grupo
            },
            {
                label: 'Valor del Slider 2',
                data: additionalData2,
                backgroundColor: '#ff9933', // Color para la segunda barra
                barThickness: 20, // Grosor de las barras
                categoryPercentage: 0.4, // Ancho del grupo de barras
                barPercentage: 0.2 // Ancho de las barras dentro del grupo
            },
            {
                label: 'Monto Recibido (MXN)',
                data: data,
                backgroundColor: '#43BBDD', // Color para la tercera barra
                barThickness: 20, // Grosor de las barras
                categoryPercentage: 0.4, // Ancho del grupo de barras
                barPercentage: 0.5 // Ancho de las barras dentro del grupo
            }
        ]
    }
});

}

Espero que la grafica quede asi