Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Solución dibujar barras

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

<script>

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

        var sumaVector=0;
        for (var posicion =0; posicion <serie.length; posicion++){


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

                pincel.fillStyle=color[posicion];
                pincel.fillRect(x, y+sumaVector, 50,serie[posicion]); //base 50
                pincel.strokeStyle="black";
                pincel.strokeRect(x,y+sumaVector, 50,serie[posicion]); //base 50
                sumaVector = sumaVector + serie[posicion];

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

    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>
1 respuesta

Saludos!!

Felicidades por tu buen código!!

Adicionalmente, cito textualmente un aporte de Thiago Vazquez Enninger en otro post:

"Gracias por tu contribución y felicitaciones por tu aprendizaje. Estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Para no dejar de compartir los códigos, actividades y ejercicios que realizas, creamos un canal en Discord (#compartatucodigo) donde puedes compartirlos, dar y sugerir mejoras con el resto de tus compañeros.

Un saludo."

De igual manera, me permito ayudarte con el enlace directo del canal que menciona Thiago.

https://discord.com/channels/885135728080740392/964279865014636554

Allí puedes postear tu código, bien hecho!