Ejercicio de las barras [RESUELTO]

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

<script>
  console.clear()

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

  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)   
  }

  function dibujarBarra (x, y, serie, colores, texto = "Serie") {
    let acc = 0

    escribirTexto(x, y + 16, texto)

    for (let i = 0; i < colores.length; i++) {
      if (i === 0) {
        dibujarRectangulo(x, y + 20, 50, serie[i], colores[i])
      } else {
        acc += serie[i - 1]
        dibujarRectangulo(x, acc + 20, 50, serie[i], colores[i])
      }
    }
  }

  dibujarBarra(0, 0, serie2009, colores, "2009")
  dibujarBarra(75, 0, serie2019, colores, "2019")
</script>