Estoy tratando de devolver una matriz de colores que depende de la cantidad de valores que tengo en una matriz separada. Por ejemplo, tengo una matriz de valores [1, 5, 12, 23, 33, 76, 100, 354, 123], valores.longitud = 9. Mi matriz de colores tiene 8 entradas, por lo tanto, mi matriz de colores debería continuar bucle hasta llegar a 9 entradas. El siguiente gráfico de barras es lo que quiero lograr, el gráfico puede tener 100 entradas, por lo que los colores continuarán en bucle hasta que alcancen las 100 entradas. Lo siguiente funciona con el siguiente código, sin embargo, esto devuelve 9 * 8 entradas en el archivo console.log mientras estoy recorriendo cada valor y presionando la matriz de colores. El resultado debería ser una matriz de un solo color de 9 entradas. Agradezco cualquier ayuda.

 const barColors = () => { const colorsArr = []; // const colorsArr = ['rgba(3, 4, 94, 1)', 'rgba(3, 4, 94, .8)', 'rgba(3, 4, 94, .6)', 'rgba(3, 4, 94, .4)', 'rgba(3, 4, 94, .2)', 'rgba(3, 4, 94, .4)', 'rgba(3, 4, 94, .6)', 'rgba(3, 4, 94, .8)']; const values = [1, 5, 12, 23, 33, 76, 100, 354, 123]; values.forEach(() => colorsArr.push( 'rgba(3, 4, 94, 1)', 'rgba(3, 4, 94, .8)', 'rgba(3, 4, 94, .6)', 'rgba(3, 4, 94, .4)', 'rgba(3, 4, 94, .2)', 'rgba(3, 4, 94, .4)', 'rgba(3, 4, 94, .6)', 'rgba(3, 4, 94, .8)' ) ); console.log(colorsArr); return colorsArr; };