Por si les sirve

Buen dia estuve quebrandome la cabeza con este ejercicio antes de crear la funcion intente entenderlo de otra manera que acontinuacion se las colocare cualquier duda me comentan y con gusto los apoyare.

Para poder entender mejor el programa lo separe por partes primero hice cada grafica una por una y luego en ciclo y de ultimo en funcion.

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

<script>

    function dibujarRectangulo(x, y, base, altura, color) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");
        pincel.fillStyle=color;
        pincel.fillRect(x,y, base, altura);
        pincel.strokeStyle="black";
        pincel.strokeRect(x,y, base, altura);
    }

    function escribirTexto(x , y, texto) {
        var pantalla = document.querySelector("canvas");
        var pincel = pantalla.getContext("2d");

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

    var serie2009 = [6, 47, 41, 3, 3];
    var serie2019 = [81, 9, 3, 3, 4];
    var colores = ["blue","green","yellow", "red","gray"];

/*
    dibujarRectangulo(50,150,50,3,"gray");
    dibujarRectangulo(50,147,50,3,"red");
    dibujarRectangulo(50,106,50,41,"yellow");
    dibujarRectangulo(50,59,50,47,"green");
    dibujarRectangulo(50,53,50,6,"blue");

    */

    var suma=0;
    for (var i = 0; i < serie2009.length; i++) {
        var altura = serie2009[i];
        dibujarRectangulo(50,suma,50,altura,colores[i]);
        suma = suma + altura;

    }

var suma=0;
    for (var i = 0; i < serie2019.length; i++) {
        var altura = serie2019[i];
        dibujarRectangulo(150,suma,50,altura,colores[i]);
        suma = suma + altura;

    }
</script>