manual de mi pagina
7. dibujarGraficoDispersion
minimo
maximo
/* ==================================================================
dibujarGraficoDispersion(contenedorId, datos, etiquetas, color)
Dibuja un gráfico de dispersión.
ESPERA:
- contenedorId: id del div donde se dibuja el gráfico.
- datos: arreglo de objetos con forma { x: número, y: número }
- etiquetas: objeto con nombres de ejes y opciones opcionales
- color: color de los puntos
OPCIONALES DENTRO DE etiquetas:
- x : nombre del eje X
- y : nombre del eje Y
- minX : mínimo manual del eje X
- maxX : máximo manual del eje X
- minY : mínimo manual del eje Y
- maxY : máximo manual del eje Y
- ticksX : cantidad manual de divisiones del eje X
- ticksY : cantidad manual de divisiones del eje Y
EJEMPLO MÍNIMO EN HTML:
<div
id="dispersion-1"
class="grafico-dispersion-auto"
data-puntos='[
{"x":1,"y":2},
{"x":2,"y":3},
{"x":3,"y":5},
{"x":4,"y":4}
]'
data-etiquetas='{"x":"Horas de estudio","y":"Puntaje"}'>
</div>
EJEMPLO COMPLETO EN HTML:
<div
id="dispersion-2"
class="grafico-dispersion-auto"
data-puntos='[
{"x":1,"y":2},
{"x":2,"y":3},
{"x":3,"y":5},
{"x":4,"y":4}
]'
data-etiquetas='{
"x":"Horas de estudio",
"y":"Puntaje",
"minX":0,
"maxX":5,
"minY":0,
"maxY":6,
"ticksX":5,
"ticksY":6
}'
data-color="#1976d2">
</div>
COMPORTAMIENTO POR DEFECTO:
- Si no se indican minX, maxX, minY, maxY, se estiman automáticamente.
- Si no se indican ticksX o ticksY, se calculan automáticamente.
- Si faltan etiquetas.x o etiquetas.y, usa "X" e "Y".
================================================================== */
dibujarGraficoDispersion(contenedorId, datos, etiquetas, color)
Dibuja un gráfico de dispersión.
ESPERA:
- contenedorId: id del div donde se dibuja el gráfico.
- datos: arreglo de objetos con forma { x: número, y: número }
- etiquetas: objeto con nombres de ejes y opciones opcionales
- color: color de los puntos
OPCIONALES DENTRO DE etiquetas:
- x : nombre del eje X
- y : nombre del eje Y
- minX : mínimo manual del eje X
- maxX : máximo manual del eje X
- minY : mínimo manual del eje Y
- maxY : máximo manual del eje Y
- ticksX : cantidad manual de divisiones del eje X
- ticksY : cantidad manual de divisiones del eje Y
EJEMPLO MÍNIMO EN HTML:
<div
id="dispersion-1"
class="grafico-dispersion-auto"
data-puntos='[
{"x":1,"y":2},
{"x":2,"y":3},
{"x":3,"y":5},
{"x":4,"y":4}
]'
data-etiquetas='{"x":"Horas de estudio","y":"Puntaje"}'>
</div>
EJEMPLO COMPLETO EN HTML:
<div
id="dispersion-2"
class="grafico-dispersion-auto"
data-puntos='[
{"x":1,"y":2},
{"x":2,"y":3},
{"x":3,"y":5},
{"x":4,"y":4}
]'
data-etiquetas='{
"x":"Horas de estudio",
"y":"Puntaje",
"minX":0,
"maxX":5,
"minY":0,
"maxY":6,
"ticksX":5,
"ticksY":6
}'
data-color="#1976d2">
</div>
COMPORTAMIENTO POR DEFECTO:
- Si no se indican minX, maxX, minY, maxY, se estiman automáticamente.
- Si no se indican ticksX o ticksY, se calculan automáticamente.
- Si faltan etiquetas.x o etiquetas.y, usa "X" e "Y".
================================================================== */