1. dibujarGraficoLineas

minimo

completo

/* ==================================================================
   dibujarGraficoLineas(contenedorId, etiquetasX, valoresY, etiquetasEjes, color)

   Dibuja un polígono de frecuencias o gráfico de líneas simple.

   USO MÍNIMO:
   - contenedorId: id del div donde se dibuja el gráfico.
   - etiquetasX: arreglo con etiquetas o marcas de clase del eje X.
   - valoresY: arreglo con frecuencias o valores del eje Y.
   - etiquetasEjes: puede omitirse parcialmente; si falta, usa:
       x = "Marca de clase"
       y = "Frecuencia"
   - color: opcional; si no se indica, usa un color por defecto.

   EJEMPLO MÍNIMO EN HTML:
   <div
     id="poligono-1"
     class="grafico-lineas-auto"
     data-etiquetas-x='["4,5","14,5","24,5","34,5","44,5"]'
     data-valores-y='[2,5,8,4,1]'>
   </div>

   EJEMPLO MÍNIMO DE LLAMADA DIRECTA:
   dibujarGraficoLineas(
     "poligono-1",
     ["4,5","14,5","24,5","34,5","44,5"],
     [2,5,8,4,1],
     {},
     "#ff6200"
   );

   OPCIONES OPCIONALES DENTRO DE etiquetasEjes:
   - x      : nombre del eje X
   - y      : nombre del eje Y
   - 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="poligono-2"
     class="grafico-lineas-auto"
     data-etiquetas-x='["4,5","14,5","24,5","34,5","44,5"]'
     data-valores-y='[2,5,8,4,1]'
     data-etiquetas-ejes='{
       "x":"Marca de clase",
       "y":"Frecuencia",
       "minY":0,
       "maxY":10,
       "ticksY":5
     }'
     data-color="#ff6200">
   </div>

   EJEMPLO COMPLETO DE LLAMADA DIRECTA:
   dibujarGraficoLineas(
     "poligono-2",
     ["4,5","14,5","24,5","34,5","44,5"],
     [2,5,8,4,1],
     {
       x: "Marca de clase",
       y: "Frecuencia",
       minY: 0,
       maxY: 10,
       ticksY: 5
     },
     "#ff6200"
   );

   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 etiquetasX contiene números como texto ("4,5", "14,5"), la función
     intenta interpretarlos como valores numéricos para ubicar bien las marcas.
   ================================================================== */