Foi o exercício que mais sofri para resolver... ( Gráfico de barras)

Consegui desenvolver o código de uma maneira diferente... O famoso jeitinho brasileiro ;D

<canvas width="600" height="400"><canvas>

<script>
    var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');
    var serie2015 = [50, 25, 20, 5]
    var serie2016 = [65, 20, 13, 2]
    var cores = ['blue', 'green', 'yellow', 'red']

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

    function desenhaBarra(x, y, serie, cor)
    {
        pincel.fillStyle = cor;
        pincel.strokeStyle = 'black';
        pincel.fillRect(x, y, 50, serie);
        pincel.strokeRect(x, y, 50, serie);
    }

    var i = 0
    var y1 = 50;
    var y2 = 50;
    while (i < serie2015.length)
    {
        desenhaBarra(50, y1, serie2015[i], cores[i], escreveTexto('2015', 50, 40));
        desenhaBarra(150, y2, serie2016[i], cores[i], escreveTexto('2016', 150, 40));
        y1 = y1 + serie2015[i];
        y2 = y2 + serie2016[i];
        i++;
    }

</script>