3. dibujarGraficoBarra

minimo

maximo

/* ==================================================================
   dibujarGraficoBarra(contenedorId, frecuencias, etiquetasX, color, minY, maxY, ticksY, posicionEtiquetas)

   Dibuja un gráfico de barras simple.

   USO MÍNIMO:
   - contenedorId: id del div donde se dibuja el gráfico.
   - frecuencias: arreglo de frecuencias o valores.
   - etiquetasX: arreglo de etiquetas del eje X.
   - color: opcional; si no se indica, usa un color por defecto.
   - minY, maxY, ticksY: opcionales.
   - posicionEtiquetas: opcional.
       1 = etiquetas horizontales
       0 = etiquetas verticales

   EJEMPLO MÍNIMO EN HTML:
   <div
     id="barras-1"
     class="grafico-barra-auto"
     data-frecuencias='[6,9,4,7]'
     data-etiquetas='["Manzana","Plátano","Naranja","Uva"]'>
   </div>

   EJEMPLO MÍNIMO DE LLAMADA DIRECTA:
   dibujarGraficoBarra(
     "barras-1",
     [6,9,4,7],
     ["Manzana","Plátano","Naranja","Uva"],
     "#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
   - posicionEtiquetas  : 1 para horizontal, 0 para vertical

   EJEMPLO COMPLETO EN HTML:
   <div
     id="barras-2"
     class="grafico-barra-auto"
     data-frecuencias='[6,9,4,7]'
     data-etiquetas='["Manzana","Plátano","Naranja","Uva"]'
     data-color="#ff6200"
     data-min-y="0"
     data-max-y="10"
     data-ticks-y="5"
     data-posicion-etiquetas="0">
   </div>

   EJEMPLO COMPLETO DE LLAMADA DIRECTA:
   dibujarGraficoBarra(
     "barras-2",
     [6,9,4,7],
     ["Manzana","Plátano","Naranja","Uva"],
     "#ff6200",
     0,
     10,
     5,
     0
   );

   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.
   - Si no se indica posicionEtiquetas, las etiquetas se muestran horizontales.
   ================================================================== */