2. dibujarHistograma

minimo

completo

/* ==================================================================
   dibujarHistograma(contenedorId, frecuencias, limites, color, minY, maxY, ticksY)

   Dibuja un histograma con barras juntas.

   USO MÍNIMO:
   - contenedorId: id del div donde se dibuja el gráfico.
   - frecuencias: arreglo de frecuencias.
   - limites: arreglo de límites de clase.
     Debe tener exactamente un elemento más que frecuencias.
   - color: opcional; si no se indica, usa un color por defecto.
   - minY, maxY, ticksY: opcionales.

   EJEMPLO MÍNIMO EN HTML:
   <div
     id="histograma-1"
     class="histograma-auto"
     data-frecuencias='[2,5,8,4,1]'
     data-limites='[0,10,20,30,40,50]'>
   </div>

   EJEMPLO MÍNIMO DE LLAMADA DIRECTA:
   dibujarHistograma(
     "histograma-1",
     [2,5,8,4,1],
     [0,10,20,30,40,50],
     "#ff6200"
   );

   PARÁMETROS OPCIONALES:
   - minY   : mínimo manual del eje Y
   - maxY   : máximo manual del eje Y
   - ticksY : cantidad manual de divisiones del eje Y

   EJEMPLO COMPLETO EN HTML:
   <div
     id="histograma-2"
     class="histograma-auto"
     data-frecuencias='[2,5,8,4,1]'
     data-limites='[0,10,20,30,40,50]'
     data-color="#ff6200"
     data-min-y="0"
     data-max-y="10"
     data-ticks-y="5">
   </div>

   EJEMPLO COMPLETO DE LLAMADA DIRECTA:
   dibujarHistograma(
     "histograma-2",
     [2,5,8,4,1],
     [0,10,20,30,40,50],
     "#ff6200",
     0,
     10,
     5
   );

   COMPORTAMIENTO POR DEFECTO:
   - Si no se indica minY, el eje Y parte en 0.
   - Si no se indica maxY, se calcula automáticamente un máximo “bonito”.
   - Si no se indica ticksY, se calcula automáticamente una cantidad razonable.
   - Cada barra representa un intervalo y su altura corresponde a la frecuencia.
   ================================================================== */