Fandom Developers Wiki
Advertisement

Timeline є альтернативою EasyTimeline, створеною в Lua.

Встановлення[]

Створіть модуль (наприклад, Модуль:Timeline) у своїй вікі та вставте цей код у:

return require('Dev:Timeline')

Використання[]

Створіть модуль конфігурації (наприклад, Модуль:Timeline/Data):

return {
    from = 'dd/mm/yyyy',
    till = 'dd/mm/yyyy',
    dataset = {
        {
            name = 'Label 1',
            bars = {
                { from = 'dd/mm/yyyy', till = 'dd/mm/yyyy', bar_type = 'my_bar_type' }
            }
        }
    },
    bar_types = {
        my_bar_type = {
            legend = 'My Bar Type',
            color = 'red'
        }
    }
}

Не забудьте замінити dd/mm/yyyy на фактичні дати.

Потім використайте його на сторінці:

{{#invoke:(назва модуля)|create|(назва конфігурації)}}

Наприклад:

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

Приклади[]


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
    }
}
Advertisement