Series, los letreros se ven muy pequeños y sobrepuestos esto es debido al tamaño tan pequeño de las series, pero el problema se puede corregir cambiando los tamaños de las barras y las fuentes

<script>
        let cordXT=0;
        let cordYT=50
        let cordX=50;
        let cordY=50;
        const textos=['chrome','Firefox','IE/Edge','Safari','otros'];    
        const colores = ["blue","green","yellow", "red","gray"];
        let serie2009 = [6, 47, 41, 3, 3];
        let serie2019 = [81, 9, 3, 3, 4];
        let serie2022 = [85, 11, 1, 1, 2];
        let datos=[serie2009,serie2019,serie2022];


/* dibujar rectangulos */
        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);
        }
        /* dibujar textos */
        let dibujarTexto=(x , y, texto)=>{
            let pantalla = document.querySelector("canvas");
            let pincel = pantalla.getContext("2d");

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

        /* Enviar parametros para dibujar */
        const enviarSerie=(serie)=>{

                for(let j=0; j<serie.length;j++){
                    dibujarRectangulo(cordX,cordY,50,serie[j],colores[j]);
                    dibujarTexto(cordXT,cordYT+serie[j],textos[j]);
                    cordY+=serie[j];    
                    cordYT+=serie[j];    
                }
                cordY=50;
                cordYT=50;
                cordX+=100;
                cordXT+=110;
        }

        /* recorrer los datos a enviar */
        const definirSerie=()=>{
            for(let i=0;i<datos.length;i++){
                enviarSerie(datos[i]);
            }
        }
        definirSerie();
    </script>