Tokyo - Componentes | Línea de tiempo

Última modificación:

El componente "Línea de tiempo" permite crear líneas temporales que permitan explicar un proceso (sus fases) o hechos e hitos comprendidos en un periodo de tiempo.

La línea de tiempo puede estar definida por dos textos, uno de inicio y otro de fin (1). Nos movemos por los distintos hitos pulsando sobre sobre sus puntos en la línea o con el botón de avanzar/retroceder (2) El contenido del hito se visualiza en la zona superior de la línea (3) Vemos cuál está activo por la indicación en la línea (4) y por la leyenda en el menú de navegación (5). Cuando hay dos hitos situados en el mismo punto, se muestran uno encima de otro (6).

Por defecto, este componente puede añadirse en una pantalla, un popup y dentro de otros componentes (p. ej. en una columna).

Encontraremos este componente en el grupo de componentes "Organizador".

Proceso de configuración

1. Tras añadir el componente, pulsa sobre él y accede la pestaña "Propiedades". Aquí debes configurar

  • Cantidad de posiciones. Esta propiedad se refiere a la cantidad de partes en las que vamos a dividir la línea de tiempo. Por ejemplo, si queremos representar datos de una década, la dividiríamos en 10; si fuese un siglo, en 100.
  • Texto de inicio y final. Serán los textos que nos ayuden a representar el punto de partida y fin de nuestra línea de tiempo. Pueden ser números o cualquier texto (p. ej. Era Cuaternaria).
  • Color. Se puede personalizar su color principal y el color de fondo. 
  • Ocultar cabecera. Si se desea, se puede crear la línea de tiempo sin titulares. 
  • Superar objetivo: Propiedad opcional.Permite modificar la configuración de la superación de objetivos de este componente concreto, haciendo que se comporte de forma diferente a la configuración general establecida. Podemos elegir entre:
    • Heredado: aplica el valor por defecto que se haya definido en la zona de configuración de objetivos de la unidad (Ver aquí).
    • No es objetivo: el componente no será un objetivo a superar para finalizar la unidad.
    • Interactuar: es necesario interactuar con el componente para superar el objetivo.
    • Completar: es necesario visitar todos ítems de la línea de tiempo para superar el objetivo.

2. Por defecto, la línea de tiempo se crea con 3 eventos o hitos. Si necesitamos más eventos podemos añadirlos desde la pestaña "Añadir".

3. Pulsa sobre cada evento, accede a la pestaña "Propiedades" y configúralas:

  • Posición del evento. Punto en el quieres colocarlo, según la cantidad de partes o divisiones que hayas configurado en la línea de tiempo. Así, si hay 10 partes (una década) si marcas 2, será el segundo año y aparecerá en una posición distinta que si has dividido la línea en 100 partes.
  • Texto del evento. Texto que se mostrará como leyenda del hito.
  • Colores: se puede configuar el color del hito y el color de fondo del evento. 

4. Tras configurar los eventos y sus propiedades, ya puedes: 

a. Redactar el título y subtítulo de la línea de tiempo. 

b. Redactar el título de cada evento. 

c. Redactar el texto de cada evento. 

d. Adicionalmente, puedes añadir una imagen que acompañe al texto del evento.


¿Le resulta útil este artículo?
© 2021 Netex Knowledge Factory. Todos los derechos reservados. Aviso Legal | Política de Privacidad | Política de Cookies.