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

[Duda] Problemas con la funcion dibujarbarra

En la seccion 2 del curso se pide hacer un grafico de barras lo que no entiendo es ¿cual es la logica para llevar a cabo la funcion dibujarbarra

si alguien me puede ayudar lo agradecería mucho.

1 respuesta

Creas la función dibujarBarra para que sea la que ejecute el código con:

  • las VARIABLES de: eje x, eje y, serie (la que corresponda la 2009 o 2019), color (uno especifico para cada dato: chrome, Explorer, etc.) y el texto (2009 o 2019)
  • DESPUES LE DAS LAS INSTRUCCIONES:
  • 1 -escribirTexto
  • 2 - Creas el ciclo que itera (for o while) con las variables dentro de las arrays (series)
  • 3 - Te imprima la barra con dibujarBarra (1 parte cada vez que itera)
  • 4 - y la última instrucción es el contador para que el ciclo termine.

Es complicado pero espero que te sirva la explicación junto con el código:

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

    escribirTexto(x, y - 10, texto);

    var sumaAltura = 0;
    for (var i = 0; i < serie.length; 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];

//Con dibujarBarra llamas a esa función y en ese momento ya estando lista, en espera. La función dibujarBarra se ejecuta y la vez en pantalla

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