Ir al contenido

Plantilla:Gráfico de barras

De Wikipedia, la enciclopedia libre
Icono de documentación de plantilla Documentación de la plantilla[ver] [editar] [historial] [purgar]


Uso

Esta es una plantilla para mostrar un gráfico de barras.

Ejemplo simple con el estilo por defecto:
{{Gráfico de barras
| columns = 6  | Ene| Feb| Mar| Abr| May| Jun
| green|Mangos |  65|  38|  72|  47|  20|  30  
}}
El mismo gráfico pero de manera horizontal (style=2):
{{Gráfico de barras
| style = 2
| columns = 6  | Ene| Feb| Mar| Abr| May| Jun
| green|Mangos |  65|  38|  72|  47|  20|  30  
}}


Dadas múltiples filas de datos que se ven de esta manera:
Máx. cant. columnas de datos: 16
{{Gráfico de barras
| columns = 12  |Ene|Feb|Mar|Abr|May|Jun|Jul|Ago|Sep|Oct|Nov|Dic
| green|Mangos  | 60| 70| 90| 30| 50| 30|100|130|120| 90| 50|110
|yellow|Cambures| 90| 80|110| 60| 70| 80| 70| 70| 40| 50| 50| 60
|purple|Uvas    | 50| 40| 60|110| 90| 60| 30| 60| 70| 60| 80| 40
}}
Máx. cant. filas de datos: 8
...la plantilla muestra un gráfico complejo, con colores claves, visualizados así:

Título, escala, fuente y alineamiento

Los parámetros opcionels inluyen título, escala and fuente.

Un title (título) aparece en negritas y centrado arriba de la gráfica.
Una scale (escala) es necesaria para manejar cifras muy pequeñas o muy grandes.
Una source (fuente) indica al usuario de dónde fueron tomados los datos.
title = Números pequeños, escala grande
scale = 10
source: guarismos inventados, ejemplo.
{{Gráfico de barras
| title = Números grandes, escala grande
| scale = 10
| source = guarismos inventados, ejemplo
| columns = 6  |Ene|Feb|Mar|Abr|May|Jun
|   red| Fresas|  6|  7|  9|  3|  5|  3
|  blue|Cerezas|  9|  8| 11|  6|  7|  8
|purple|   Uvas|  5|  4|  6| 11|  9|  6
}}
title = Números grandes, escala pequeña
scale = 0.1        style = 2
source = guarismos inventados para este ejemplo.
{{Gráfico de barras
| title = Números grandes, escala pequeña
| scale = 0.1 | style = 2
| source = guarismos inventados, ejemplo
| columns = 6   | Jul| Ago| Sep| Oct| Nov| Dic
| green|  Mangos| 600| 700| 900| 300| 500| 300
|yellow|Cambures| 900| 800|1100| 600| 700| 800
|orange|Naranjas| 500| 400| 600|1100| 900| 600
}}

También el gráfico puede flotar junto al texto del artículo, bien sea al centro center, derecha right o izquierda left por medio del parámetro align. Por ejemplo:

{{Gráfico de barras
| align = left
| columns = 6 | Ene| Feb| Mar| Abr| May| Jun
| blue|Cerezas|  65|  38|  72|  47|  20|  30    
}}



{{Gráfico de barras
| align = right
| columns = 6 | Ene| Feb| Mar| Abr| May| Jun
| blue|Cerezas|  65|  38|  72|  47|  20|  30    
}}

Orientación, bordes, detalles y promedios

Hay dieciséis estilos para elegir​:

Los estilos con números impares son verticales.
Los estilos con números pares son horizontales.
Estilos 3 y 4 tienen bordes y sombreado.
Estilos del 5 al 8 son los mismos que del 1 al 4, pero muestran detalles adicionales.
Estilos del 9 al 16 son los mismos que del 1 al 8, pero los promedios son mostrados con el color clave en vez de los totales.

Por ejemplo, acá tenemos uno utilizando el style=8:

Horizontal, con bordes, sombreado y detalle visible.
{{Gráfico de barras
| style  = 8
| scale  = 0.1
| title  = Cantidades de frutas (en kg.)
| source = guarismos de ejemplo.
| columns = 6   |2013|2014|2015|2016|2017|2018
| green|Mangos  |    | 700| 900| 300| 500| 300
|yellow|Cambures| 900|    |1100| 600| 700| 800
|orange|Naranjas| 500| 400|    |1100| 900| 600
|   red|Cerezas | 700| 300| 600|    | 900| 600
|purple|Uvas    | 300| 500| 600| 900| 700| 
}}
Y en esta son los mismos datos en style=13, mostrando los promedios en la derecha en vez de los totales:

Métodos

Esta plantilla emplea cinco "sub-plantillas". Una tabla es creada usando las columnas y las filas con los datos suministrados.

{{Gráfico de barras/bar}} dibuja cada rectángulo de manera horizontal o vertical, de manera opcional coloreado y etiquetado, con un nombre y/o valor.
{{Gráfico de barras/column}} maneja una columna de datos.

Si el estilo es mayor a 8, los datos son pasados a las sub-plantillas para visualizar promedios en vez de los totales, identificados con el color clave.

{{Gráfico de barras/averages}} calcula los promedios de todas las filas.
{{Gráfico de barras/averages/display}} asigna los promedios a los parámetros nombrados para visualizar barras individuales complejas.
{{Gráfico de barras/averages/column}} dibuja una barra vertical etiquetada con los promedios calculados e identificados con un color clave.
Esta documentación está transcluida desde Plantilla:Gráfico de barras/doc.
Los editores pueden experimentar en la zona de pruebas (editar) y en los casos de prueba (crear) de la plantilla.
Por favor, añade las categorías en la subpágina de documentación. Subpáginas de esta plantilla.