Esta página describe técnicas para generar un gráfico de barras en una página de Wikipedia, codificando un conjunto de números en un <timeline>...</timeline>formato de etiqueta. Puede mostrar gráficos en varios formatos. La imagen completa se escala mediante un comando, por ejemplo, "Tamaño de imagen = ancho: 180 alto: 90", y el uso de la palabra clave "barra" activa las funciones del gráfico de barras. Sin embargo, el {{ Gráfico de barras }} puede formatear fácilmente un gráfico de barras horizontales (desplazándose hacia abajo en una página), con una, dos o cuatro columnas de barras en un gráfico.
Aquí, con <timeline>...</timeline>, las barras verticales se formatean mediante el comando "TimeAxis=orientation:vertical" (antes de especificar los datos para las barras). El ancho de las barras lo establece "PlotData=width:20". El color de cualquier barra se puede establecer agregando la palabra clave "color:" (como "color:gris claro") al final de los datos numéricos de cada barra.
Para conocer otros parámetros opcionales, consulte § Comandos y atributos de gráficos de barras, o la lista completa en Ayuda: Línea de tiempo .
El siguiente gráfico de barras se genera, en vivo, utilizando una estructura de etiquetas de línea de tiempo que contiene números de población para cada año en el gráfico de barras (el marcado se muestra más abajo).
El gráfico de barras anterior , que muestra barras de población para cada año, se puede generar utilizando el texto de marcado que se detalla a continuación. El texto de ejemplo ( a continuación ) se puede copiar y acortar o ampliar para manejar otros años o números en formato de gráfico de barras. El tamaño de la imagen se establece como "ImageSize = ancho:450 alto:305" para un cuadro de 450x305px. Los gráficos de barras se pueden simplificar omitiendo algunas de las diversas opciones de datos, como eliminar la palabra clave "en:" ("en:390"), que coloca etiquetas en ciertas ubicaciones de una barra.
<línea de tiempo>Colores= id: gris claro valor: gris (0,9) id: gris oscuro valor: gris (0,8) id:fondo valor:rgb(1,1,1) id: barra valor: rgb (0.6,0.7,0.8)Tamaño de la imagen = ancho: 450 alto: 305PlotArea = izquierda:50 abajo:50 arriba:30 derecha:30Formato de fecha = xyPeriodo = desde:0 hasta:2000Eje de tiempo = orientación:verticalAlinearBarras = justificarScaleMajor = gridcolor:darkgrey incremento:1000 inicio:0ScaleMinor = gridcolor:gris claro incremento:200 inicio:0BackgroundColors = lienzo:fondoDatos de barra = barra:1861 texto:1861 barra:1871 texto:1871 barra:1881 texto:1881 barra:1901 texto:1901 barra:1911 texto:1911 barra:1921 texto:1921 barra:1931 texto:1931 barra:1936 texto:1936 barra:1951 texto:1951 barra:1961 texto:1961 barra:1971 texto:1971 barra:1981 texto:1981 barra:1991 texto:1991 barra:2001 texto:2001Datos de trama = color: barra ancho: 20 alineación: izquierda barra:1861 desde: 0 hasta:390 barra:1871 desde: 0 hasta:401 barra:1881 desde: 0 hasta:410 barra:1901 desde: 0 hasta:510 barra:1911 desde: 0 hasta:604 barra:1921 desde: 0 hasta:731 barra:1931 desde: 0 hasta:804 barra:1936 desde: 0 hasta:833 barra:1951 desde: 0 hasta:972 barra:1961 desde: 0 hasta:1125 barra:1971 desde: 0 hasta:1266 color:azul barra:1981 desde: 0 hasta:1227 barra:1991 desde: 0 hasta:1266 barra:2001 desde: 0 hasta:1385Datos de trama = barra: 1861 en: 390 tamaño de fuente: XS texto: 390 desplazamiento: (-8,5) barra: 1871 en: 401 tamaño de fuente: XS texto: 401 desplazamiento: (-8,5) barra: 1881 en: 410 tamaño de fuente: XS texto: 410 desplazamiento: (-8,5) barra: 1901 en: 510 tamaño de fuente: XS texto: 510 desplazamiento: (-8,5) barra: 1911 en: 604 tamaño de fuente: XS texto: 604 desplazamiento: (-8,5) barra: 1921 en: 731 tamaño de fuente: XS texto: 731 desplazamiento: (-8,5) barra: 1931 en: 804 tamaño de fuente: XS texto: 804 desplazamiento: (-8,5) barra: 1936 en: 833 tamaño de fuente: XS texto: 833 desplazamiento: (-8,5) barra: 1951 en: 972 tamaño de fuente: XS texto: 972 desplazamiento: (-8,5) barra: 1961 en: 1125 tamaño de fuente: XS texto: 1125 desplazamiento: (-8,5) barra: 1971 en: 1266 tamaño de fuente: XS texto: 1266 desplazamiento: (-8,5) barra: 1981 en: 1227 tamaño de fuente: XS texto: 1227 desplazamiento: (-8,5) barra: 1991 en: 1266 tamaño de fuente: XS texto: 1266 desplazamiento: (-8,5) barra:2001 en:1385 tamaño de fuente:XS texto: 1385 desplazamiento:(-8,5)Datos de texto = tamaño de fuente:S pos:(20,10) texto:Datos de ISTAT</línea de tiempo>
El texto anterior generará la imagen del gráfico de barras que se muestra arriba, con 14 barras en un cuadro de imagen, de tamaño 450x305 píxeles, con la nota en la esquina izquierda "Datos de ISTAT".
Cada comando de gráfico de barras va seguido de un signo igual ("="), mientras que los atributos van seguidos de dos puntos (":") como en el comando Period = from:0 till:2000que establece el rango vertical (eje y) de 0 a 2000.
Los comandos de la línea de tiempo para formatear el diseño del gráfico son:
ImageSize = width:450 height:305PlotArea = left:50 bottom:50 top:30 right:30DateFormat = x.yPeriod = from:0 till:2000till:2500) comprimiría las barras, un 20% más cortas dentro del cuadro de imagen.TimeAxis = orientation:verticalAlignBars = justifyAlignBars=justifyampliará automáticamente las barras para que encajen.ScaleMajor = gridcolor:darkgrey increment:1000 start:0ScaleMinor = gridcolor:lightgrey increment:200 start:0BackgroundColors = canvas:sfondovalue:rgb(1,1,1)es un tono blanco, con los números RGB (rojo/verde/azul) como 1,1,1.Los comandos de la línea de tiempo para formatear las etiquetas de texto son:
bar:1861 at:390 fontsize:XS text: 390 shift:(-8,5)bar:1861nombra la barra para etiquetar, a la altura 390, usando el tamaño de fuente: XS (para extrapequeño, o "S" como fuente pequeña, o M,L,XL), con el texto literal como "390" ligeramente desplazado en su posición shift:(-8,5).TextData= fontsize:S pos:(20,10) text:Data from ISTATpos:(20,10)con la nota de texto literal Data from ISTAT.Las descripciones anteriores son para los comandos comunes, además de sus atributos de dos puntos con valores del ejemplo.
Para obtener más información, consulte Ayuda: Línea de tiempo , con otros ejemplos que muestran formatos de línea de tiempo tradicionales, más allá del estilo de gráfico de barras que se muestra arriba.