{{Bar box}}, , , , , , y son una familia de plantillas para la construcción de gráficos de barras horizontales.{{bar percent}}{{bar pixel}}{{bar log}}{{bar stacked}}{{bar box break}}{{bar gap}}
.svg/1280px-Test_Template_Info-Icon_-_Version_(2).svg.png){kind=icon}
{{Caja de barra|width = ancho del gráfico (opcional)|barwidth= ancho del área de la barra (opcional, predeterminado 100px)|float = (izquierda|derecha|ninguno) (opcional, predeterminado: ninguno)|title = título del gráfico (opcional)|titlebar= color de la barra de título (opcional, predeterminado ninguno)|left1 = encabezado de la primera columna izquierda (opcional)|left2 = encabezado de la segunda columna izquierda (opcional)|right1 = encabezado de la primera columna derecha (opcional)|right2 = encabezado de la segunda columna derecha (opcional)|barras = contenido del gráfico (ver más abajo)|caption = título debajo del gráfico (opcional)}}El gráfico puede contener cualquier cantidad de barras. Existen cuatro tipos:
Barra de porcentaje
{{barra de porcentaje|etiqueta de fila|color|valor (ancho en porcentajes)|etiqueta de valor opcional}}Si no se proporciona una etiqueta de valor, se construye a partir del porcentaje y "%". Este tipo de barra también tiene las variaciones y que muestran más barras para la misma etiqueta de fila.{{bar percent 2}}{{bar percent 3}}
Barra de píxeles
{{píxel de barra|etiqueta de fila|color|valor (ancho en píxeles)|sufijo de valor|etiqueta de valor opcional}}Si se proporciona una etiqueta de valor, se ignora el sufijo del valor. De lo contrario, la etiqueta de valor se construye a partir del valor y el sufijo del valor. Esto se utiliza como abreviatura. Los dos ejemplos siguientes dan resultados idénticos:
{{barra de píxeles|foo|rojo|12||12,345}}{{barra de píxeles|foo|rojo|12|,345}}Este tipo de barra también tiene la variación que muestra dos barras para la misma etiqueta de fila.{{bar pixel 2}}
Barra logarítmica
{{bar log|base de registro|etiqueta de fila|color|valor|sufijo de valor|etiqueta de valor opcional}}Idéntico a la barra de píxeles, excepto que el ancho se calcula como base logarítmica (valor) × 30. La base predeterminada es 2, lo que genera un gráfico de tamaño de barra lateral regular para valores <100. Aumente la base para manejar números más grandes y hacer que las barras sean más cortas. Al igual que con , cuando , se muestran de la misma manera:{{bar pixel}}value + value_suffix = optional_value_label
{{bar log|2|foo|rojo|100||100,345}}{{bar log|2|foo|rojo|100|,345}}Barras apiladas
{{barra apilada|1.ª etiqueta izquierda|1.ª etiqueta derecha|color 1|ancho 1 (en píxeles)|...|color 5|ancho 5 (en píxeles)|nota1=2.ª etiqueta izquierda|nota2=2.ª etiqueta derecha|título1="información sobre herramientas" 1|...|título5="información sobre herramientas" 5|align=xxxx(l|c|r|d)|collapsed=(yes|y|1)|id=id colapsable}}titlexEstablece la "información sobre herramientas" de la barra respectiva y se visualiza al pasar el cursor sobre ella. alignEstablece la alineación del texto (izquierda, centro, derecha o predeterminada) para cada columna según las iniciales respectivas. Todos los parámetros son opcionales, pero si idno se proporcionan, collapsedno tienen efecto. Utilice un interruptor personalizado, ya que el interruptor predeterminado distorsionará el gráfico (consulte el último ejemplo).
Barra de separación
{{bar gap|separador opcional|altura=cualquier longitud válida (omitiendo la unidad, la predeterminada es px, el valor predeterminado es 10px)}}Omitir el separatorgenera una fila en blanco. Otra función útil separatores <hr>la que produce una línea horizontal.
Break es una plantilla para dividir tablas de cuadros de barras en varios gráficos manteniendo la alineación de las columnas.{{Bar box break}}
Usando :{{bar percent}}
{{ Barra de caja | float = right | caption = distribución de cosas | barwidth = 200px | bars = {{ barra de porcentaje | foo | rojo | 30 }} {{ barra de porcentaje | bar | verde | 40 }} {{ barra de porcentaje | baz | azul | 20 }} {{ barra de espacio | qux }} {{ barra de porcentaje | bla | naranja | 8 }} {{ barra de porcentaje | bla1 | verde azulado | 2 | 1/50 }} }}Usando :{{bar pixel}}
{{ Barra de caja | título = Cantidad de cosas | barra de título = #DDD | izquierda1 = tipos de cosas | derecha2 = piezas | ancho = 400px | barras = {{ píxel de barra | Foobar | rojo | 33 | ,213 }} {{ píxel de barra | Barfoo | verde | 123 | ,123 }} {{ píxel de barra | Bazbar | azul | 210 | ,121 }} {{ píxel de barra | Barfoobaz | naranja | 13 || 12,854 }} | título = Algunas cosas mostradas por cantidad. }}Usando :{{bar log}}
{{ Barra de caja | float = right | title = Cantidad de cosas | titlebar = #DDD | left1 = tipos de cosas | right2 = uds. | width = 400px | bars = {{ barra de registro | 10 | Foobar | rojo | 33 | ,213 }} {{ barra de registro | 10 | Barfoo | verde | 123 | ,123 }} {{ barra de registro | 10 | Bazbar | azul | 910 | ,121 }} {{ barra de registro | 10 | Foobaz | naranja | 2 || 1,854 }} | caption = Algunas cosas mostradas en una escala logarítmica. }}Usando :{{bar percent 2}}
{{ Barra de porcentaje | título = Resultados electorales | barra de título = #AAF | izquierda1 = partido | izquierda2 = año | derecha1 = votos | derecha2 = cambio | ancho = 300px | barras = {{ barra de porcentaje 2 | Izquierda | 1898 | plata | 33 | 1902 | rojo | 42 | +9% }} {{ barra de porcentaje 2 | Derecha | 1898 | plata | 40 | 1902 | negro | 35 | -5% }} {{ barra de porcentaje 2 | Centro | 1898 | plata | 17 | 1902 | azul | 10 | -7% }} {{ barra de porcentaje 2 | Otro | 1898 | plata | 10 | 1902 | gris | 13 | +3% }} | título = Comparación de los resultados electorales de 1902 y 1898 en Freedonia. }}Usando :{{bar stacked}}
{{ Barra de caja | float = right | width = 300px | title = < div class = "mw-customtoggle-a mw-customtoggle-b" > Alternar todo </ div > < div class = "mw-customtoggle-b" > Alternar último elemento </ div > | barras = {{ barra apilada | enero | (---) | rojo | 3 | azul | 22 | alinear = ddcd | id = a }} {{ barra apilada | febrero | +60.3% | rojo | 8 | azul | 26 | verde | 6 | id = a }} {{ barra apilada | marzo | 99 | rojo | 11 | azul | 18 | verde | 8 | naranja | 11 | magenta | 20 | nota2 = +25% | alinear = cdrl | id = a }} {{ barra apilada | abril | 142 | rojo | 15 | azul | 24 | verde | 8 | naranja | 13 | magenta | 26 | nota1 = foo | nota2 = +11% | colapsado = si | id = b }} } } Las páginas con muchos cuadros y gráficos pueden acercarse o superar el límite de tamaño de inclusión posterior a la expansión de Wikipedia . En estos casos, considere usar Module:Bar de la siguiente manera:
require ( 'Módulo:Clase Lua' ) require ( 'estricto' ) BarBox local = clase ( 'BarBox' , { _css = 'Módulo:Bar/styles.css' , __init = function ( self , args ) self . css = args [ 1 ] o args . css self . float = args [ 2 ] o args . float o 'none' self . backgroundcolor = args [ 3 ] o args . backgroundcolor o 'white' self . borderwidth = args [ 4 ] o args . borderwidth o '1' self . style = args [ 5 ] o args . style self . width = args [ 6 ] o args . width -- o 'auto' self . barwidth = args [ 7 ] o args . barwidth o '100px' self . lineheight = args [ 8 ] o args.lineheight -- o ' 1.6 ' self.title = args [ 9 ] o args.title self.titlebar = args [ 10 ] o args.titlebar -- o ' none ' self.left1 = args [ 11 ] o args.left1 self.left2 = args [ 12 ] o args.left2 self.right1 = args [ 13 ] o args.right1 self.right2 = args [ 14 ] o args.right2 self.bars = args [ 15 ] o args.bars self.caption = args [ 16 ] o args.caption -- obsoleto self.footer = args [ 17 ] o args.footer o args [ 16 ] o args.caption fin , crear = function ( cls , args ) args = mw.clone ( args ) args.float = args.float y args.float : lower ( ) args.width = tonumber ( args.width ) y args.width .. ' px ' o args.width y args.width : lower ( ) args .ancho de barra = tonumber ( args.ancho de barra ) y args.ancho de barra .. 'px' o args.ancho de barra y args.ancho de barra : lower () devuelve cls ( args ) fin , _sDefaultAlign = 'lrlr' , _tDefaultAlign = { false , ' r' , false , 'r' }, _setAlign = function ( obj , align ) obj._alignClasses = {} para i , d en ipairs ( obj._tDefaultAlign ) hacer local a = align : sub ( i , i ) si a == 'l' entonces a = falso de lo contrario si a == ' d' entonces a = d de lo contrario si a ~= 'c' y a ~= ' r' entonces error ( 'align['no reconocido' .. i .. ']' ) fin obj._alignClasses [ i ] = a y 'class=bb-' .. a fin fin , html = function ( self ) salida local = { } marco local = mw.getCurrentFrame () salida [ 1 ] = marco : extensionTag ( ' templatestyles' , ' ' , { src = self._css } ) .. ' \ n ' salida [ 2 ] = self . css y frame : extensionTag ( ' templatestyles' , '' , { src = self.css } ) .. ' \ n ' o '' clase local = 'barbox' si self.float == 'izquierda' o self.float == ' derecha ' entonces clase = clase .. 't' .. self.float fin salida [ 3 ] = ' < div class ="' ..clase .. '" style="background:' .. self . backgroundcolor .. '; border:' .. self . borderwidth .. 'px plata sólida' .. ( self . float == 'center' y '; margin:0 auto' o '' ) .. ( self . width y '; width:' .. self . width o '' ) .. ( self . style y '; ' .. self . style o '' ) .. '"> \n ' .. '{|' .. ( self . lineheight y ' style="line-height:' .. self . lineheight .. '"' o '' ) .. ' \n ' salida [ 4 ] = self . title y '|+ class=bb-default' .. ( self . titlebar y ' style="background:' .. self . titlebar .. '"' o '' ) .. ' | \n ' .. self . title .. ' \n ' o '' salida [ 5 ] = '|- class=bb-default style="font-size:88%; min-height:4px" \n ' si self . _alignClasses entonces -- igual que self.__class._alignClasses self . _alignClasses = self . _alignClasses self . __class . _alignClasses = nil de lo contrario self . _setAlign ( self , self . _sDefaultAlign ) fin atributos locales = no self .left2 y 'colspan=2' .. ( self . _alignClasses [ 1 ] y ' ' .. self . _alignClasses [ 1 ] o '' ) o self . _alignClasses [ 1 ] salida [ 6 ] = '!' .. ( atributos y atributos .. '|' o '' ) .. ( self . left1 o ' ' ) salida [ 7 ] = self . left2 y '!!' .. ( self . _alignClasses [ 2 ] y self . _alignClasses [ 2 ] .. '|' o '' ) .. self . left2 o '' salida [ 8 ] = '!!style="width:' .. self . barwidth .. '"| ' atributos = no self . right2 y 'colspan=2' .. ( self . _alignClasses [ 4 ] y ' ' .. self . _alignClasses [ 4 ] o '' ) o self . _alignClasses [ 3 ] salida [ 9 ] = ' !!' .. ( atributos y atributos .. ' | ' o ' ' ) .. ( self.right1 o self.right2 y ' ' o ' ' ) salida [ 10 ] = self.right2 y ' !! ' .. ( self._alignClasses [ 4 ] y self ._alignClases [ 4 ] .. '|' o '' ) .. self . right2 o '' salida [ 11 ] = ' \n ' salida [ 12 ] = self . bars y self . bars .. ' \n ' o '' si self . caption entonces salida [ 15 ] = ' \n [[Categoría:Páginas que usan el cuadro bar con el parámetro caption obsoleto]]' de lo contrario salida [ 15 ] = '' fin salida [ 13 ] = self . footer y '|- clase=bb-default \n | colspan=5 style="padding:5px 0" | ' .. -- <p> se crea si \n precede al pie de página self . footer .. ' \n ' o '' salida [ 14 ] = '|} \n </div>' return table.concat ( output ) end , __tostring = function ( self ) return self . html () fin , porcentaje = función ( argumentos ) salida local = {} porcentaje local = ( argumentos [ 3 ] o '0' ) .. '%' salida [ 1 ] = ' |-' .. ( argumentos.bg y 'style="background:' .. argumentos.bg .. ' "' o ' ' ) .. ' \n ' salida [ 2 ] = '|colspan=2 clase=bb-min8| ' ..( args [ 1 ] o ' ' ) salida [ 3 ] = '||clase=bb-b|' salida [ 4 ] = '<div style="background:' .. ( args [ 2 ] o 'gris' ) .. '; ancho:' .. porcentaje .. '"></div>' salida [ 5 ] = '||' .. ( args . nota y '' o 'colspan=2 clase=bb-r|' ) .. ( args [ 4 ] o porcentaje ) salida [ 6 ] = args . nota y '||clase=bb-r|' .. args . nota o '' return table.concat ( salida ) fin , píxel = función ( argumentos ) salida local = {} píxeles locales = args [ 3 ] o '0' salida [ 1 ] = ' |-' .. ( argumentos.bg y 'style="background:' .. args.bg .. ' "' o ' ' ) .. ' \n ' salida [ 2 ] = '|colspan=2|' .. ( argumentos [ 1 ] o ' ' ) salida [ 3 ] = '||class=bb-b|' salida [ 4 ] = '<div estilo="background:' .. ( argumentos [ 2 ] o 'gris' ) .. '; ancho:' .. píxeles .. 'px">