Plantilla:Gráfico de barras

Documentación de la plantilla

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 }}	Mangos 65 38 72 47 20 30 Ene Feb Mar Abr May Jun Total: 272
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 }}	Mangos Ene 65 Feb 38 Mar 72 Abr 47 May 20 Jun 30 Total: 272

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í: 200 190 260 200 210 170 200 260 230 200 180 210 Ene Feb Mar Abr May Jun Jul Ago Sep Oct Nov Dic Total: 2510 Mango Cambur Uva

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 grandescale = 10source: 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 }} Números pequeños, escala grande 20 19 26 20 21 17 Ene Feb Mar Abr May Jun Total: 123 Fresas Cerezas Uvas Fuente: guarismos inventados, ejemplo

title = Números grandes, escala pequeñascale = 0.1        style = 2source = 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 }} Números grandes, escala pequeña Jul 2000 Ago 1900 Sep 2600 Oct 2000 Nov 2100 Dic 1700 Total: 12300 Mangos Cambures Naranjas Fuente: guarismos inventados, ejemplo

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:

Cerezas
65 38 72 47 20 30 Ene Feb Mar Abr May Jun	Total: 272

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

Cerezas
65 38 72 47 20 30 Ene Feb Mar Abr May Jun	Total: 272

{{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| }}

Cantidades de frutas (en kg.) 2013 300 700 500 900 2400 2014 500 300 400 700 1900 2015 600 600 1100 900 3200 2016 900 1100 600 300 2900 2017 700 900 900 700 500 3700 2018 600 600 800 300 2300 Total: 16400 Mangos (2700) Cambures (4100) Naranjas (3500) Cerezas (3100) Uvas (3000) Fuente: guarismos de ejemplo.

Y en esta son los mismos datos en style=13, mostrando los promedios en la derecha en vez de los totales:

Cantidades de frutas (en kg.) 2400   900 500 700 300 1900   700 400 300 500 3200   900 1100 600 600 2900   300 600 1100 900 3700   500 700 900 900 700 2300   300 800 600 600 2013 2014 2015 2016 2017 2018 2733.33   Mangos (450) Cambures (683.33) Naranjas (583.33) Cerezas (516.67) Uvas (500) Promedio Fuente: guarismos de ejemplo.

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.