Navegación
Ayuda:Gráficas de función
De Wikillerato
(→Enlaces externos) |
|||
| Línea 1: | Línea 1: | ||
| - | ==Gráfica básica== | + | ==Gráfica básica de líneas== |
| - | Para dibujar gráficas | + | Para dibujar gráficas de líneas básicas es más sencillo insertar tus datos entre las etiquetas <lines> y </lines> (también puedes utilizar <bars> y <pie> para otros tipos de gráficas). |
Si incluyes este código: | Si incluyes este código: | ||
| Línea 20: | Línea 20: | ||
| - | ==Configurando el tamaño== | + | ===Configurando el tamaño=== |
Por defecto Wikillerato está configurado para generar gráficas de pequeño tamaño. Si deseas cambiar el tamaño por defecto solo debes configurar el parámetro "size": | Por defecto Wikillerato está configurado para generar gráficas de pequeño tamaño. Si deseas cambiar el tamaño por defecto solo debes configurar el parámetro "size": | ||
| Línea 39: | Línea 39: | ||
| - | ==Configurando el eje Y== | + | ===Configurando el eje Y=== |
| Línea 58: | Línea 58: | ||
| - | ==Gráficas con con valores múltiples== | + | ===Gráficas con con valores múltiples=== |
| Línea 90: | Línea 90: | ||
| - | ==Incluir etiquetas en el eje Y== | + | ===Incluir etiquetas en el eje Y=== |
Para tener un idea más precisa de los valores en cada línea de datos es conveniente incluir etiquetas en el eje Y. En este ejemplo se incluyen 4 valores: | Para tener un idea más precisa de los valores en cada línea de datos es conveniente incluir etiquetas en el eje Y. En este ejemplo se incluyen 4 valores: | ||
| Línea 107: | Línea 107: | ||
| - | ==Incluir etiquetas en el eje X== | + | ===Incluir etiquetas en el eje X=== |
| Línea 125: | Línea 125: | ||
| - | ==Incluir una leyenda== | + | ===Incluir una leyenda=== |
Cuando la gráfica tiene más de un línea de datos es necesario añadir una leyenda explicativa. | Cuando la gráfica tiene más de un línea de datos es necesario añadir una leyenda explicativa. | ||
| Línea 145: | Línea 145: | ||
| - | ==Dibujando una retícula== | + | ===Dibujando una retícula=== |
Puede ser más sencillo visualizar los valores si dibujamos una retícula bajo la gráfica. Puedes poner líneas para ambos ejes o solo para el eje X o el eje Y: | Puede ser más sencillo visualizar los valores si dibujamos una retícula bajo la gráfica. Puedes poner líneas para ambos ejes o solo para el eje X o el eje Y: | ||
Revisión de 08:19 4 nov 2011
Tabla de contenidos |
Gráfica básica de líneas
Para dibujar gráficas de líneas básicas es más sencillo insertar tus datos entre las etiquetas <lines> y </lines> (también puedes utilizar <bars> y <pie> para otros tipos de gráficas).
Si incluyes este código:
<lines title="Visitas Wiki"> 5345 3452 7843 </lines>
Resulta la siguiente gráfica:
Configurando el tamaño
Por defecto Wikillerato está configurado para generar gráficas de pequeño tamaño. Si deseas cambiar el tamaño por defecto solo debes configurar el parámetro "size":
<lines title="Visitas Wiki" size="400x200"> 5345 3452 7843 </lines>
Configurando el eje Y
Por defecto el eje Y se autoescala entre sus valores máximos y mínimos. Si lo deseas puedes configurar manualmente los valores máximo y mínimo del eje Y (no es obligatorio especificar ambos límites):
<lines title="Visitas Wiki" ymin=0 ymax=8000> 5345 3452 7843 </lines>
Gráficas con con valores múltiples
Puedes poner más de un valor si separas los datos por una coma:
<lines title="Visitas Wiki" ymin=0 ymax=8000> 4115,1230 2541,911 5410,2433 </lines>
Para mayor claridad debes de asignar un color diferente a cada línea:
<lines title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00> 4115,1230 2541,911 5410,2433 </lines>
Incluir etiquetas en el eje Y
Para tener un idea más precisa de los valores en cada línea de datos es conveniente incluir etiquetas en el eje Y. En este ejemplo se incluyen 4 valores:
<lines title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 ylabel=4> 4115,1230 2541,911 5410,2433 </lines>
Incluir etiquetas en el eje X
Si se incluye el parámetro xlabel la primera columna de los datos se toma como etiqueta para los mismos:
<lines title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 ylabel=4 xlabel> Oct,4115,1230 Nov,2541,911 Dic,5410,2433 </lines>
Incluir una leyenda
Cuando la gráfica tiene más de un línea de datos es necesario añadir una leyenda explicativa. Esto se consigue utilizando el parámetro "legend" e incluyendo las etiquetas en la primera fila de datos.
<lines title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 ylabel=4 xlabel legend>
,EU ,US
Oct,4115,1230
Nov,2541, 911
Dic,5410,2433
</lines>
Dibujando una retícula
Puede ser más sencillo visualizar los valores si dibujamos una retícula bajo la gráfica. Puedes poner líneas para ambos ejes o solo para el eje X o el eje Y:
<lines title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 ylabel=4 xlabel legend grid=xy>
,EU ,US
Oct,4115,1230
Nov,2541, 911
Dic,5410,2433
</lines>
Enlaces externos
Ayuda para la realización de gráficas de funciones
Tweet
