Ayuda:Gráficas de barras
De Wikillerato
(Diferencias entre revisiones)
Línea 1: | Línea 1: | ||
+ | Para dibujar gráficas de barras inserta tus datos entre <bars> and </bars> (también puedes utilizar <lines> y <pie> para otros tipos de gráficas). | ||
+ | Si incluyes este código: | ||
- | == | + | <bars title="Visitas Wiki"> |
+ | 5345 | ||
+ | 3452 | ||
+ | 7843 | ||
+ | </bars> | ||
+ | |||
+ | Se dibujará: | ||
+ | |||
+ | <bars title="Visitas Wiki"> | ||
+ | 5345 | ||
+ | 3452 | ||
+ | 7843 | ||
+ | </bars> | ||
+ | |||
+ | |||
+ | AVISO: Por defecto el eje Y se autoescala entre sus valores máximos y mínimos. Esa es la razón por la que la segunda barra no se muestra | ||
+ | |||
+ | |||
+ | ==Configurando el eje Y== | ||
+ | |||
+ | |||
+ | Si deseas configurar manualmente los valores máximo y mínimo del eje Y (no es obligatorio especificar ambos límites): | ||
+ | |||
+ | <bars title="Visitas Wiki" ymin=0 ymax=8000> | ||
+ | 5345 | ||
+ | 3452 | ||
+ | 7843 | ||
+ | </bars> | ||
+ | |||
+ | <bars title="Visitas Wiki" ymin=0 ymax=8000> | ||
+ | 5345 | ||
+ | 3452 | ||
+ | 7843 | ||
+ | </bars> | ||
+ | |||
+ | |||
+ | ==Barras con valores múltiples== | ||
+ | |||
+ | |||
+ | Puedes poner más de un valor si separas los datos por una coma. Para mayor claridad debes de asignar un color diferente a cada valor: | ||
+ | |||
+ | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00> | ||
+ | 4115,1230 | ||
+ | 2541,911 | ||
+ | 5410,2433 | ||
+ | </bars> | ||
+ | |||
+ | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00> | ||
+ | 4115,1230 | ||
+ | 2541,911 | ||
+ | 5410,2433 | ||
+ | </bars> | ||
- | + | Si prefieres que los distintos valores estén apilados y no uno al lado del otro debes incluir el parámetro "stacked": | |
- | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 stacked | + | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 stacked> |
- | + | 4115,1230 | |
- | + | 2541,911 | |
- | + | 5410,2433 | |
- | + | ||
</bars> | </bars> | ||
- | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 stacked | + | <bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 stacked> |
- | + | 4115,1230 | |
- | + | 2541,911 | |
- | + | 5410,2433 | |
- | + | ||
</bars> | </bars> |
Revisión de 12:57 3 nov 2011
Para dibujar gráficas de barras inserta tus datos entre <bars> and </bars> (también puedes utilizar <lines> y <pie> para otros tipos de gráficas).
Si incluyes este código:
<bars title="Visitas Wiki"> 5345 3452 7843 </bars>
Se dibujará:
AVISO: Por defecto el eje Y se autoescala entre sus valores máximos y mínimos. Esa es la razón por la que la segunda barra no se muestra
Configurando el eje Y
Si deseas configurar manualmente los valores máximo y mínimo del eje Y (no es obligatorio especificar ambos límites):
<bars title="Visitas Wiki" ymin=0 ymax=8000> 5345 3452 7843 </bars>
Barras con valores múltiples
Puedes poner más de un valor si separas los datos por una coma. Para mayor claridad debes de asignar un color diferente a cada valor:
<bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00> 4115,1230 2541,911 5410,2433 </bars>
Si prefieres que los distintos valores estén apilados y no uno al lado del otro debes incluir el parámetro "stacked":
<bars title="Visitas Wiki" ymin=0 ymax=8000 colors=FF0000,00FF00 stacked> 4115,1230 2541,911 5410,2433 </bars>
Tweet