Gráfico de Barras

<canvas width="1200" height="800"></canvas>

<script>

    function dibujarRectangulo(x, y, base, altura, color) {
        let pantalla = document.querySelector("canvas");
        let pincel = pantalla.getContext("2d");

        pincel.fillStyle=color;
        pincel.fillRect(x,y, base, altura);
        pincel.strokeStyle="black";
        pincel.strokeRect(x,y, base, altura);
    }

    <!-- dibujarRectangulo(0, 60, 14, 23, "blue"); -->
    <!-- dibujarRectangulo(0, 40, 14, 23, "green"); -->
    <!-- dibujarRectangulo(0, 20, 14, 23, "blue"); -->

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

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

    <!-- escribirTexto(0, 20, "hola mundo"); -->
    <!-- escribirTexto(0, 40, "adios planeta"); -->
    <!-- escribirTexto(0, 60, "programa one"); -->

        let serie2009 = [6, 47, 41, 3, 3];
        let serie2019 = [81, 9, 3, 3, 4];
        let colores = ["blue", "green", "yellow", "red", "gray"];
        let texto = ["Chrome", "Firefox", "Internet Explorer/Edge", "Safari", "Otros"];

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

        let pantalla = document.querySelector("canvas");
        let pincel = pantalla.getContext("2d");
        let altura = 10;
        let base = 70;

        while(altura <= 180) {

            dibujarRectangulo(x, y + serie[0] + serie[1] + serie[2] + serie[3] + serie[4], base, altura + serie[0] + serie[1] + serie[2] + serie[3] + serie[4], colores[4] + 80);
            dibujarRectangulo(x, y + serie[0] + serie[1] + serie[2] + serie[3], base, altura + serie[0] + serie[1] + serie[2] + serie[3], colores[3]);
            dibujarRectangulo(x, y + serie[0] + serie[1] + serie[2], base, altura + serie[0] + serie[1] + serie[2], colores[2]);
            dibujarRectangulo(x, y + serie[0] + serie[1], base, altura + serie[0] + serie[1], colores[1]);
            dibujarRectangulo(x, y + serie[0], base, altura + serie[0], colores[0]);

            altura = altura + serie[0];
        }

            pincel.fillStyle = colores;
            pincel.fillRect(x, y, serie, colores, texto);
            pincel.strokeStyle="black";
            pincel.strokeRect(x, y, serie, colores, texto);
            pincel.font="15px Georgia";
            pincel.fillStyle="black";
            pincel.fillText(texto, x, y);

    }


    dibujarBarra(50, 50, serie2009, colores, "2009");
    dibujarBarra(150, 50, serie2019, colores, "2019");




</script>