1
respuesta

Duda alturas de grafico de barras

Referente al curso Lógica de programación: Practicando con juegos y animaciones, en el capítulo Utilizando funciones y actividad Gráfico de Barras

por JuanCarlos Sánchez Ladrón de Guevara
| 72.6k xp | 10 posts

Mi duda es porque se suma la altura en la coordenada "y" en lugar de sumarla en el argumento de la altura del rectangulo, aquí abajo dejo 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;
    }
}
1 respuesta
por Miguel Angel Sanchez Medrano
| 279.3k xp | 300 posts
soporte técnico informático

Buenas, eso es por como está hecha la funcion dibujarRectangulo

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);
    }
  • x** e **y son las coordenadas que indican de que punto a que punto del rectángulo se pintará y se cambia el y para que se pinten pequeños rectángulos a diferentes alturas.
  • base y altura es el tamaño total del rectángulo.