Olá, Maria Luiza! Tudo bem? Espero que sim!!!

Vamos lá!

Quando nós invocamos o "desenhaBarra" colocamos os parâmetros estipulados na função, por exemplo:

desenhaBarra(50, 50, serie2015, cores, '2015');

O "50" equivale ao eixo x - a linha horizontal (começará quase perto da tela).

O outro "50" é o eixo y - a linha vertical (mostra onde começará também).

Quando coloco o terceiro ítem da função, que é "serie2015" e "serie2016", é onde eu começo a desenhar. Ele vai nos conjuntos de variáveis que estipulei:

var serie2015 = [50, 25, 20, 5];
 var serie2016 = [65, 20, 13, 2];

e vai rodar por quatro vezes:

i < serie.length

pois tenho quatro valores dentro de cada conjunto, e depois somar essas variáveis através do:

somaAltura = somaAltura + altura;

• Significa que peguei o "50";
• Rodei;
• Meu "y" não está mais no zero, está na posição "50" agora;
• Somei mais "25";
• Rodei;

E assim por diante.

Junto com os valores, ele também vai incrementando as cores, que estão guardadas dentro do conjunto "var cores"

var cores = ['blue', 'green', 'yellow', 'red'];

• 50 - Azul
• 25 - verde

E segue...

Dá-se o nome de arrays o conjunto que contém as variáveis "serie2015", "serie2016" e "cores".

Bom, Maria Luiza, sei que ficou grande, mas tentei "traduzir" e esmiuçar o máximo para sua compreensão.

Espero que tenha contribuído!

Bons estudos e vamos em frente!!!

Muito obrigada!