Pessoal, boa tarde.. Estou fazendo o exercício utilizando um for para que sejam preenchidos automaticamente os retângulos, porém o meu contador não sai do 0.
<canvas width='600' height='400'></canvas>
<script>
var aSerie2015 = [50, 25, 20, 5];
var aSerie2016 = [65, 20, 13, 2];
var acores = ['purple','yellow','green','red'];
var x = 50;
var y = 50;
function desenhaRetangulo(x,y,cor,altura){
canvas = document.querySelector('canvas');
pincel = canvas.getContext('2d');
pincel.fillStyle = cor;
pincel.fillRect(x,y,60,altura);
pincel.strokeStyle = black;
pincel.strokeRect(x,y,60,altura);
}
function desenhatexto(texto,x,y){
canvas = document.querySelector('canvas');
pincel = canvas.getContext('2d');
pincel.font = '20px Georgia';
pincel.fillStyle = 'black';
pincel.fillText(texto,x,y);
}
for(nposicao = 0 ; nposicao < aSerie2015.length; nposicao++){
desenhaRetangulo(x,y,acores[nposicao],aSerie2015[nposicao]);
y+=aSerie2015[nposicao];
}
</script>