Respuesta al ejercicio

Buenos días,

Solución al reto del gráfico de barras.

Utilice un ciclo FOR para completar este reto, me parece más cómodo trabajar con este ciclo que usar el WHILE, pero al final cada uno encuentra la solución con la que se siente más cómodo.

function dibujarBarra(x,y,serie,color,texto){
                let pantalla = document.querySelector("canvas");
                let pincel = pantalla.getContext("2d");

                let inicio = y;
                for (let i = 0; i < color.length; i++) {
                    pincel.fillStyle = color[i];
                    pincel.fillRect(x, inicio, 50, serie[i]);
                    inicio = inicio + serie[i];

                    pincel.font="15px Georgia";
                    pincel.fillStyle="black";
                    pincel.fillText(texto, (x+0), (y-5)); 
                } 

            } // Fin funcion dibujarBarra

            var serie2009 = [6, 47, 41, 3, 3];
            var serie2019 = [81, 9, 3, 3, 4];
            var colores = ["blue","green","yellow", "red","gray"];

            dibujarBarra(50,50,serie2009,colores,"2009");
            dibujarBarra(150,50,serie2019,colores,"2019");

Espero hayan podido resolver este reto.