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

no sé, si esta bien

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

<script>

    // para el grafico

    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);
    }

    // añadimos texto al grafico 

    function escribirTexto(x , y, texto) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");

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

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

            var sumArreglo = 0; // suma del arreglo de la altura especificado en el ejercicio
            posicion = 0

            while ( posicion < serie.length){ // posicion de la barra hasta el limite de la barra

                escribirTexto(x,y - 30, texto) // posicion del texto 2009, 2019

                var altura = serie[posicion] // captura la posiciones y el arreglo

                dibujarRectangulo(x,y + sumArreglo, 50, altura,colores[posicion])

                sumArreglo = sumArreglo + altura; //incrmentamos la suma suma del arreglo + la nueva altura acumulandolo en una sola variable
                posicion++;
            }
    }

        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

Hola Nathaly, cómo estas?

Gracias por compartir tu proyecto con nosotros, continua así, felicidades.

Recomendamos que compartas la solución de tus ejercicios en nuestro servidor de Discord, allí tenemos un canal exclusivo para eso (#compartetucodigo) y el foro solo quedaría para cualquier duda que puedas tener sobre el contenido de los cursos.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios