Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

No encuentro el error :(

He revisado varias veces, y no encuentro el error en la función. Agradecería mucho si pudieran ayudarme:

function dibujarRectangulo (x,y,base,altura,color){

var pantalla = document.querySelector ("canvas");
var pincel = pantalla.getContext ("2d");

pincel.fillStyle = color
pincel.fillRect (x,y,base,altura);
pincel.strokeStyle = "black";
pincel.strokeRect = (x,y,base,altura);

}

function escribirTexto (x,y,texto){

var pantalla = document.querySelector ("canvas");
var pincel = pantalla.getContext ("2d");

pincel.font = "15px Georgia";
pincel.fillStyle = "black";
pincel.fillText (texto,x,y);

}

function dibujarBarra (x,y,serie,colores,texto){

    escribirTexto (x,y -10, texto);

    var sumaAltura = 0;

    for (var i = 0; i < serie.lenght; i++){

        var altura = serie[i];

        dibujarRectangulo(x,y + sumaAltura,50,altura,colores[i])    

    sumaAltura =sumaAltura + altura;

    }

}

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


dibujarBarra (50,50,serie2009,colores,"2009");

dibujarBarra (150,50,serie2019,colores,"2019");
2 respuestas
solución!

Hola, te recomiendo que la variable pantalla y pincel las hagas fuera de las funciones para evitar la repeticion, tu codigo esta bien, pero has cometido una falla en la parte "serie. lenght", en realidad es "length" te adjunto el codigo con la correción mencionada para que lo pruebes:

Te lo agradezco muchísimo!!!