Duda de la actividad grafico de barras de barras

Serie es un array que tiene cargados diferentes valores, y utilizas i como un índice para seleccionar uno diferente por cada vez que corre for, y para detener el ciclo cuando el índice sea mayor al total del largo del array.

Cada vez que realiza un ciclo, toma el valor de serie[i] (es decir, toma un valor de serie en la posicion que indique i. Por ej, si tu array estaba compuesto por los valores 10, 20, 30 y tu i = 0, entonces serie va a valer 10. Si tu i = 2, serie va a valer 30).

Entonces dijimos que:

• i = 0
• altura por ende va a valer 10
• antes del for tienes la variable sumaAltura = 0.

Cuando llama a dibujarRectangulo, este toma diferentes valores:

• Por un lado tienes la altura, que fue definida por el índice del array. Para este caso 10.
• tienes el valor y + sumaAltura, que en este caso es y + 0. Es decir, dibuja donde indica y.
• y el array colores[i] que ya dijimos es 0, por lo cual lo va a pintar con el primer color cargado en el array

y por ultimo a sumaAltura le suma la altura de la posición del array definida por el índice para que el siguiente ciclo no quede encima del anterior, sino por sobre el mismo.

Al repetir, i va a valer 1, lo que significa que:

• altura va a valer 20 porque es el segundo dato cargado en el array (según este ejemplo) y también va a modificar el color elegido.
• el valor y + sumaAltura será y + 10, haciendo que el punto en que empieza a dibujar sea diferente al del rectángulo anterior, dando el efecto de que estan uno por encima del otro,
• x se mantiene igual, por lo cual no hay movimiento horizontal, es una torre, una columna.
• altura es el total que ocupa verticalmente este nuevo rectángulo.

Luego suma a sumaAltura, la nueva altura: 10 + 20.

Entonces: sumaAltura se utiliza para definir la ubicación en el eje Y, es decir verticalmente donde va a quedar cada uno de los rectángulos sin superponerse, donde empieza uno es donde termina el anterior, mientras que altura define cuanto ocupa dentro de ese eje Y cada rectángulo.

Espero haber logrado ser claro.