Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
3
respuestas

Super me hizo pensar mucho pero esta aqui

<canvas width="600" height="400"></canvas>

<script>

    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);
        for (var i=0;i<serie.length;i++){    

            dibujarRectangulo(x,y,50,serie[i],colores[i]);
            y=serie[i]+y;
        }
    }
    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");
</script>
3 respuestas

hola amigo, que pena que pregunte, estoy rompiendom la cabeza en ese ejercicio y no puedo entender esta parte o este concepto de los corchetes

dibujarRectangulo(x,y,50,serie[i],colores[i]); y=serie[i]+y;

        mi duda es acerca del por que de los corchetes, podrias por favor ayudarme ?

        mil gracias

hola bro los corchetes son para obtener la posicion del array o vector en e este caso obtenmos la poscion con la variable i en el for

var serie2009 = [6, 47, 41, 3, 3];

// recordar siemrpe que los vectores se comienzan desde la posición 0 para adelante serie2009 = [6, 47, 41, 3, 3]; posicion [0,1,2,3,4] y la varible i del for debe ir de 0 a 4 

for (var i =0 ;i<serie2009.length;i++){
      document.write("en la posicion "+i+ " esta el valor del vector serie2009 :"+serie2009[i]);

}

en este caso obtenemos el valor de la variable y la graficamos cuadrado por cuadrado sumando los valores los cuales nos dan nuetra posición para gráficar ñ espero poderte haber ayudado me dices nolas si tienes otra duda

maravillosa explicación, perfectamente entendida, mil gracias por ayudarme a resolver mi duda

bendiciones