Fandom Developers Wiki

Timeline est une alternative à EasyTimeline créé en Lua.

Installation[]

Créez un module (par exemple Module:Timeline) sur votre wiki et collez-y ce code:

return require('Dev:Timeline')

Utilisation[]

Créez un module de configuration (par exemple Module:Timeline/Data):

return {
    from = 'jj/mm/aaaa',
    till = 'jj/mm/aaaa',
    dataset = {
        {
            name = 'Étiquette 1',
            bars = {
                { from = 'jj/mm/aaaa', till = 'jj/mm/aaaa', bar_type = 'my_bar_type' }
            }
        }
    },
    bar_types = {
        my_bar_type = {
            legend = 'My bar type',
            color = 'red'
        }
    }
}

Remplacez jj/mm/aaaa avec les dates réelles.

Puis utilisez-le sur une page:

{{#invoke:(module name)|create|(config name)}}

Par exemple:

{{#invoke:Timeline|create|Timeline/Data}}

Exemples[]


Label 1
Label 1
  • Red Bar:
    30/06/2015 – 26/01/2017
Label 2
Label 2
  • Red Bar:
    11/01/2016 – 21/08/2017
  • Gradient Bar:
    21/08/2017 – 16/03/2018
Label 3
Label 3
  • Gradient Bar:
    30/06/2015 – 30/06/2016
  • Gradient Bar:
    01/01/2017 – 17/06/2018
2016
2017
2018
Gradient Bar
Red Bar


return {
    from = '30/06/2015',
    till = '17/06/2018',
    dataset = {
        {
            name = 'Label 1',
            bars = {
                { from = 'start', till = '26/01/2017', bar_type = 'red' }
            }
        },
        {
            name = 'Label 2',
            bars = {
                { from = '11/01/2016', till = '21/08/2017', bar_type = 'red' },
                { from = '21/08/2017', till = '16/03/2018', bar_type = 'blue' }
            }
        },
        {
            name = 'Label 3',
            bars = {
                { from = 'start', till = '30/06/2016', bar_type = 'blue' },
                { from = '01/01/2017', till = 'end', bar_type = 'blue' }
            }
        }
    },
    bar_types = {
        red = {
            legend = 'Red bar',
            color = 'red'
        },
        blue = {
            legend = 'Gradient bar',
            color = 'linear-gradient(to right, blue, aqua, blue)'
        }
    },
    style = {
        legend_columns = 2
    }
}

Exemples externes[]

Configuration[]

Codage[]

Propriété Type Description Requis
from chaîne de caractères – jj/mm/aaaa format horodatage ou now Date de début de la chronologie OUI
till chaîne de caractères – jj/mm/aaaa format horodatage ou now Date de fin de la chronologie OUI
dataset table des Étiquettes Étiquettes pour la chronologie OUI
bar_types table des valeurs-clés pour les Types de barres Liste des types de barres OUI
style Style Style optionnel pour la table NON
hidden Masquage Cache des éléments de la chronologie NON

Étiquette[]

Propriété Type Description Requis
name chaîne de caractères Nom affiché OUI
bars table des Barres Liste des barres OUI

Barre[]

Propriété Type Description Requis
from chaîne de caractères – jj/mm/aaaa format horodatage, now, start ou end Date de début de la barre OUI
till chaîne de caractères – jj/mm/aaaa format horodatage, now, start ou end Date de fin de la barre OUI
bar_type chaîne de caractères - nom (clé) d'un Type de barre Type de barre OUI

Type de barre[]

Propriété Type Description Requis
legend chaîne de caractère Affiche le nom de la barre NON
color Valeur CSS du fond Couleur de la barre OUI
order nombre Ordre d'affichage NON

NOTE: toute valeur du background est permise (RGB, HEX, linear-gradient etc.).

Style[]

NOTE: toutes ces valeurs sont optionnelles.

Propriété Type Description Valeur par défaut
background_color Valeur CSS de background-color Fond du graphique Inverse de la couleur du texte du wiki
text_color Valeur CSS de color Couleur du texte du graphique Couleur de texte du wiki
timeline_padding nombre Espace autour de la barre 4
labels_width nombre Largeur des étiquettes 120
bar_height nombre Hauteur d'une barre (certaines polices en dépendent également) 16
bar_margin nombre Marge entre les barres 8
chart_margin nombre Marge entre le graphique et les étiquettes 10
chart_major valeur CSS de color Couleur de l'indicateur d'années de la chronologie Couleur de texte du Wiki
chart_minor valeur CSS de color Couleur de l'indicateur de mois de la chronologie Couleur de texte du wiki avec 50% alpha
bar_background valeur CSS de color Couleur du fond derrière les barres Couleur de fond de la chronologie
bar_alpha nombre Opacité du fond derrière les barres 50
legend_columns nombre Colonnes de texte de la légende 3
label_format chaîne de caractère Formate chaque étiquette, où $name est remplacé par le nom de l'étiquette Aucune

Masquage[]

Propriété Type Description Valeur par défaut
timeline booléen Cache le nombre des années derrière le graphique false
legend booléen Cache la légende false
background booléen Cache le fond derrière le graphique false