Veja o meu código, só consegui criar uma barra. Fazendo dessa maneira. 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);
}
desenhaRetangulo (300,200,50,50, 'blue');
desenhaRetangulo(300,200 + 50,50,25, 'green');
desenhaRetangulo(300,200 + 50 + 25, 50, 20, 'yellow');
desenhaRetangulo(300,200 + 50 + 25 + 20,50, 5, 'red');


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);    
}

desenhaTexto (360,230,50);
desenhaTexto (360,265, 25);
desenhaTexto (360,290, 20);
desenhaTexto (360,300, 5);





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

function desenhaBarra(x,y,serie,cores,texto) {
desenhaBarra(50,50,serie2015, cores, '2015');
desenhaBarra(150,50,serie2016, cores, '2016');

}