Barras

function dibujarBarra(x, y, serie, colores, texto) {

            const canvas = document.querySelector("canvas"),
            pincel = canvas.getContext("2d");

            escribirTexto(x,y-10,texto);
            for(i = 0; i < colores.length; i++){
                dibujarRectangulo(x,y,40,serie[i],colores[i]);
                y += serie[i];
            }

    }

    function barraVertical(x, y, serie, colores, texto) {

            const canvas = document.querySelector("canvas"),
            pincel = canvas.getContext("2d");

            escribirTexto(10,y,texto);
            for(i = 0; i < colores.length; i++){
                incremento = serie[i] * 2;
                dibujarRectangulo(x,y-incremento,40,incremento,colores[i]);
                escribirTexto(x,y-incremento-10,`${serie[i]}%`);
                x+=50;
            }


    }

En vertical y horizontal