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

Duda alturas de grafico de barras

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

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.