Ayuda:Gráficas de función

De Wikillerato

Revisión de 15:08 3 nov 2011

To draw lines-charts with gchart4mw put the data to show between <lines> and </lines> (<bars> and <pie> are also possible tags for charts). Just put one value per row:

Para dibujar gráficas de barras inserta tus datos entre <lines> and </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 eje Y

Por defecto el eje Y se autoescala entre sus valores máximos y mínimos. Si deseas 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 que 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 misma. 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>