nossa demorei 1 dia para resolver esse exercício mais conseguir

meta charset="utf-8">

</canvas //tela.fillRect("0,0,600,400");

// pincel.fillStyle = 'green'; //tela.fillRect = 'green'; //pincel.fillRect(0,0,200,400); //tela.fillRect("0,0,200,400")//eixo x = 200; eixo y = 400

//pincel.fillStyle = 'red';
//tela.fillStyle = 'red';
//pincel.fillRect (400,0,200,400);//(eixo x, eixo y,)
//tela.fillRect(400,0,200,400);
//pincel.fillStyle = 'yellow';
//pincel.beginPath();
//pincel.moveTo(300,200);
//pincel.lineTo(200,400);
//pincel.lineTo(400,400);
//pincel.fill();

//Em 2015: 50% Chrome, 25% Firefox, //20% Safari, 5% Outros (Opera, IE, etc).

function desenhaRetangulo(x, y, largura, altura, cor) {
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.fillStyle=cor;
    pincel.fillRect(x,y, largura, altura);
    pincel.strokeStyle='black';
    pincel.strokeRect(x,y, largura, altura);
}


function desenhaTexto(x , y, texto) {
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');

    pincel.font='15px Georgia';
    pincel.fillStyle='black';
    pincel.fillText(texto, x, y);    
}

function desenhaBarra(x, y, serie, cores, texto) {

    desenhaTexto(x, y - 10, texto);

    var somaAltura = 0; // 50
    for (var i = 0; i<serie.length; i++) {
        var altura = serie[i];//50 + 25
        desenhaRetangulo(x, y + somaAltura, 50, altura, cores[i]);
        somaAltura = somaAltura + altura ; // 50
    }
}

var cores = ['blue','green','yellow', 'red'];
var serie2015 = [50,25,20,5];
var serie2016 = [65,20,13,2];``

desenhaBarra(50, 50, serie2015, cores, '2015');
desenhaBarra(150, 50, serie2016, cores, '2016');