Plantilla: Línea de tiempo horizontal

Documentación de plantilla [ ver ] [ editar ] [ historial ] [ purgar ]

Plantilla:Línea de tiempo horizontal se utiliza para crear una línea de tiempo horizontal.

Parámetros

Configuración básica de la trama

• |border=Límite de la parcela. Por ejemplo2px solid #CFD2AA
• |bgCol=Color de fondo de la trama
• |width=Ancho del gráfico de la línea de tiempo. El valor predeterminado es 100%, puede ser en pxo emdemasiado
• |caption=Muestra un texto centrado. Se puede utilizar para mostrar leyendas. Está pensado para etiquetar los ejes.
• |from=y |to=los parámetros necesarios que indican el inicio y el final del eje de la línea de tiempo. La línea de tiempo completa (para todo el gráfico), incluidos otros tipos de filas, se dibujan a esta escala. |to=puede ser mayor o no que |from=. (consulte |inc=para obtener más información al respecto) Si alguna barra descrita con los parámetros que se muestran a continuación se encuentra fuera de estos valores, se recortará o eliminará según su posición.
• |inc=Incremento opcional que se debe agregar para |from=alcanzar |to=y mostrar a lo largo del eje. Si no se especifica, se calculará automáticamente. Si |to=es mayor que |from=, entonces |inc=debe ser positivo y viceversa. Si no, el resultado es indeterminado.

La filanorteparámetro

|rown=Especifica cómo se dibujan las filas horizontales. Puede tener tantas filas como desee. Los subíndices son números enteros positivos. Especifican dónde se representa la fila en el gráfico. Los subíndices más bajos indican una posición más alta en el gráfico. Es decir, |row3=estarán por encima|row4=

Se pueden crear tres tipos diferentes de filas:

• scale: Especifica dónde se dibuja el eje. ( Cómo se dibuja se puede encontrar en la sección Fila de escala a continuación).
• timeline:Especifica dónde y cómo se dibujan las barras.
• note:Fila que contiene notas marcadas con flechas para dar explicaciones al gráfico.

Parámetros genéricos

• |height=Aplica altura de timeliney notefilas.

Cada uno de estos tipos de filas tiene sus propios atributos especificados con un guion. Por ejemplo, el estilo de una fila _n se puede especificar como . A continuación, se puede encontrar una lista completa de los atributos disponibles y su descripción.|rown-style=

Fila de escala

• |axis-negativeFmt=|axis-positiveFmt=y |axis-zeroFmt=opciones de formato para la escala del eje. Si desea más personalización (como ocultar por completo una sola etiqueta en el eje), utilice lo siguiente :
  • |axis-value=- Se utiliza para reemplazar la etiqueta de valor en el eje (funcionará si y solo si el valor exacto aparece en ella).
  • |axis-marker-value=- Se utiliza para reemplazar el punto marcador de una etiqueta que aparece en el eje. (Funcionará si y solo si el valor exacto aparece en ella).
• |axis-nudge=Cantidad de empuje que se aplicará a la etiqueta del eje, el valor predeterminado es -1.8em.

|eje-marcador-1878= |eje-1878= 

Ejemplo de uso

Fila de la línea de tiempo

• |rown-bordertop=y especifica el borde superior e inferior de la fila.|rown-borderbottom=
• |rown-texttop=especifica un empuje vertical para las etiquetas de barra para toda la fila.
• |rown-colour=o especifica el color de fondo de la fila.|rown-color=

Nota :colourambascolorson variaciones aceptables para todo el módulo.

• |rown-i-from=Punto de inicio de la barra. Esto es opcional, si no se especifica, comenzará a partir del valor especificado en |from=.
• |rown-i-to=Punto final de la barra.
• |rown-i-text=Etiqueta para la barra.
• |rown-i-fontsize=Tamaño de fuente para la etiqueta.
• |rown-i-texttop=Empujón vertical para la etiqueta de ^{la barra} i .
• |rown-i-colour=color de la barra.
• |rown-i-border=borde de la barra (ver problemas conocidos).

Nota sobre subíndices :

• |rown-i-<attribute>=denota el attributevalor de la i ^-ésima barra en la n ^-ésima fila.
• Aquí, el subíndice nes un número positivo que se utiliza para agrupar filas y sus atributos. Es posible que no aparezcan de forma continua en el script, pero se muestran en orden ascendente.
• El subíndice itambién es un número positivo que se utiliza para agrupar barras en una fila específica.

Parámetro de estilo de la fila de la línea de tiempo

• |rown-style=y se puede utilizar para proporcionar estilos específicos de una fila o de una barra. Los estilos que se repiten para cada barra o para cada fila se pueden agrupar en estilos y aplicarse globalmente. Los prefijos de estilo pueden ser cualquier cosa distinta de . Vea el ejemplo a continuación sobre cómo se utiliza para aplicar un estilo común a todas las filas y / se utilizan para especificar estilos específicos de la barra.|rown-i-style=row|styleDefault=|stylePopes=|styleAntiPopes=

Ejemplo de uso

Fila de notas

• |rown-i-at=Parámetro necesario. Especifica dónde se coloca la nota.
• |rown-i-text=Especifica el contenido de la nota.
• |rown-i-shift=y especifica el empujón aplicado a la nota. El valor predeterminado es|rown-i-lift=0em
• |rown-i-arrow=Especifica el carácter de flecha. El valor predeterminado es ↓. Se anula con  .

Ejemplo de uso

Nota: |row1-5-lift= falta. Al igual que n , i no tiene que ser continuo.

Consejos de uso

• Puede utilizar la línea de tiempo dentro de {{ navbox }} para crear un marco plegable. Consulte {{ Restoration Movement Timeline graphical timeline }} para ver un ejemplo práctico. Dado que ambas plantillas reducen el tamaño del texto, utilícelas | list1 = <div style="font-size:113%; overflow:auto">en el cuadro de navegación para cumplir con MOS:FONTSIZE .
  • Si {{ navbox }} estropea el interlineado, es mejor utilizar {{ hidden begin }} y {{ hidden end }} . Consulta {{ Vietnam War graphical timeline }} para ver un ejemplo práctico.
• Es posible representar una sola fila llamando directamente al módulo como {{#invoke:Horizontal timeline | showOneRow | ...}}. Consulte {{ Eras geológicas }} o {{ Períodos geológicos }} para ver un ejemplo práctico.
  • Si crea una plantilla de una sola fila, puede incrustarla fácilmente en una plantilla diferente con una escala diferente. La plantilla de una sola fila se recortará automáticamente para ajustarse a la plantilla principal. Vea cómo se incrustan {{ Eras geológicas }} y {{ Períodos geológicos }} en {{ Cronología gráfica de eventos de extinción }}
• Cada navegador tiene su propia forma de renderizar. Si estás creando una línea de tiempo particularmente compleja, probablemente valga la pena comprobar la línea de tiempo terminada al menos en IE , Firefox y Chrome .

Ejemplos

• {{ Cronología gráfica de eventos de extinción }}
• {{ Cronología gráfica de la guerra de Vietnam }}
• {{ Línea de tiempo gráfica del Movimiento de Restauración }}
• {{ Cronología gráfica de la Filarmónica Juvenil de Portland }}

Problemas conocidos

• Los bordes izquierdo e inferior de las barras (no de las filas) no se mostrarán correctamente en navegadores antiguos que no son compatibles con el ajuste de tamaño de caja CSS3. (Consulte aquí la lista completa de navegadores compatibles). Todos los navegadores modernos brindan al menos un soporte mínimo para esto. Además, solo en circunstancias extremas necesitará configurar el borde de la barra. La mayoría de las veces, el borde de la fila será suficiente. Por lo tanto, esto no debería ser un problema.

Véase también

• Plantilla: Línea de tiempo gráfica  ( edición de vínculos de retroceso )

La documentación anterior se transcluye desde Plantilla:Horizontal timeline/doc . ( editar | historial ) Los editores pueden experimentar en las páginas sandbox (crear | reflejar) y testcases (crear)
de esta plantilla . Agregue categorías a la subpágina /doc . Subpáginas de esta plantilla .