Временная диаграмма

Временна́я диагра́мма, или Та́ймлайн/Таймла́йн^[1] — встроенное в статью изображение на основе викиразметки, представляющее собой графическую иллюстрацию излагаемых данных. Может быть одномерной (вертикальной или горизонтальной) и двумерной.

За работу диаграмм отвечает расширение MediaWiki EasyTimeline, подключённое на всех проектах Фэндома по умолчанию.

Синтаксис[]

Введение[]

Для создания диаграммы требуется написать скрипт, заключённый между специальным тегом:

<timeline>
script
</timeline>

При этом EasyTimeline преобразует скрипт в изображение формата PNG и (опционально) интерактивную карту. Сам по себе синтаксис EasyTimeline весьма прост для освоения, поэтому вы вполне можете сразу прочитать примеры, чтобы понять основы.

Команды[]

EasyTimeline поддерживает следующие команды для создания скрипта:

Общее размещение: ImageSize, PlotArea, Colors, BackgroundColors, AlignBars
Интерпретация и представление дат и периодов: ImageSize, PlotArea, Colors, BackgroundColors, AlignBars
Ссылки на многократно повторяемые части кода: Define
Упорядочивание, разделение, имена групп событий и периодов: BarData, Legend, LineData
Периоды, описания и события: PlotData, TextData

Основы[]

Скрипт может содержать команды и комментарии. Каждая команда содержит один или несколько атрибутов. Команды и их атрибуты могут быть написаны буквами нижнего, верхнего или смешанного регистра — технически он не имеет значения; однако стоит придерживаться единого стиля при написании скрипта для того, чтобы код был максимально удобен для чтения.

Обязательные команды, которые должен содержать скрипт:

ImageSize — определяет общий размер диаграммы.
PlotArea — определяет расстояние между всем изображением и областью, где будет нарисована диаграмма.
Period — определяет временной период, который должен быть отображен на диаграмме.
TimeAxis — ориентация диаграммы (вертикально/горизонтально).

Скрипт должен содержать хотя бы одну из этих команд:

PlotData и/или
TextData.

Комментарии[]

С помощью комментариев можно оставить пояснения к исходному коду скрипта, поскольку комментарии не обрабатываются расширением.

Весь текст строки после знака # будет считаться комментарием
Весь текст между #> и <# будет считаться комментарием. В отличие от первого способа, позволяет разбить текст на строки.

DateFormat = dd/mm/yyyy # Европейский формат даты

Period = from:01/09/1939 till:02/09/1945 #> Эта диаграмма покажет длительность

Второй мировой войны <#

Команды[]

Каждая команда должна находиться на новой строке. Некоторые команды могут сопровождать несколько строк с данными. Эти дополнительные строки должны начинаться с хотя бы одного пробела.

Команды могут иметь одну из следующих форм (в зависимости от команды):
Команда = атрибут(ы)

 DateFormat = dd/mm/yyyy

Название команды = атрибут(ы)

 Define $RF = text:Российская Федерация"

Команда =

атрибут(ы)

и т. д.

 PlotData =
   fontsize:XS width:20
   bar:Japan from:start till:19/02/1945 color:JT
   bar:Japan from:19/02/1945 till:14/03/1945 color:AI

Атрибуты[]

Если для одной команды может быть задано сразу несколько аргументов, они указываются в виде пар вида «имя: значение». Несколько значений одного атрибута должны быть заключены в скобки.

 BackgroundColors = bars:darkgrey
 PlotData = at:5 shift:(10, -7) text:Foo
 Color SB = value:rgb(0.8,0,0.7) legend:Sea_Battles

Список[]

Информация по всем возможным командам и их атрибутам.

AlignBars[]

Столбцы всегда рисуются на одинаковом расстоянии. С помощью этой команды можно определить, каким образом будет определяться пространство между ними.

early (по умолчанию): Первый столбец будет размещен в крайней левой части/крайней верхней части диаграммы («приклеен» к оси), оставляя место между последним столбцом и правой/нижней части диаграммы.

late: Противоположно «early»: последний столбец будет размещен в крайней правой части/крайней нижней части диаграммы, оставляя место между первым столбцом и левой/верхней части диаграммы.

justify: Первый и последний столбцы будут удалены друг от друга настолько, насколько это возможно, не оставляя пустых мест в диаграмме.

Alignbars =	early	late	justify
TimeAxis = orientation: horizontal
TimeAxis = orientation: vertical

BackgroundColors[]

Позволяет настроить цвет фона для множества частей диаграммы. Идентификаторы цветов («color(s)-id») должны быть предварительно определены командой Colors.

canvas:color-id (опциональный): Установить цвет фона для всего изображения.

bars:color-id (опциональный): Установить цвет фона для всех столбцов.

BackgroundColors = bars:darkgrey

BackgroundColors = canvas:lightgrey bars:darkgrey

BackgroundColors = canvas:lightgrey

BarData[]

Определяет, какие столбцы будут нарисованы на графике, и в каком порядке это будет сделано. Ее использование рекомендуется для рисования сложных диаграмм. Если эта команда отсутствует, то будет использоваться команда PlotData.

bar:bar-id: Устанавливает идентификатор для столбца, который будет будет ожидаться и использоваться другими командами. Также будет определять текст, отображаемый на оси, если только атрибут «text» не был задан. Идентификатор не должен содержать пробелы, их можно заменить на нижнее тире: «_».

text:что-нибудь (опциональный): Если присутствует, то будет определять текст, отображаемый на оси, замещая собой индентификатор. Может включать одну ссылку.

link:local-URL (опциональный): Устанавливает ссылку (URL), которая отображается на оси, как синий текст. Ссылку можно установить или с помощью атрибута «text», или с помощью атрибута «link», но не обоих.

BarData =
  bar:SOAP
  bar:Helper      text:"Fandom Helper"
  bar:Staff       text:[[Fandom Staff]]

Colors[]

Эта команда позволяет предопределить цвета, которые могут использовать другие команды. Допустимо определение нескольких цветов, начинающихся с новой строки.

id:color-id: Идентификатор, который будет использоваться другими командами.

value:color-space

Определение самого цвета, которое может быть создано несколькими путями:

предопределенный-цвет: расширение поддерживает 32 константы (см.: Ploticus color page).
rgb(red,green,blue): назначить три числа со значением от 0 до 1.
hsv(hue,saturation,value): назначить три числа со значением от 0 до 1.
gray(value): назначить число от 0 (черный) до 1 (белый).

Примечания

0 и 1 могут быть определены только в виде целых чисел. При необходимости в промежуточных значениях, нужно использовать точку в качестве разделителя частей дроби.
Чтобы создать RGB или HSV цвет, смотрите: RGB/HSB конвертер.

Цвета в шестнадцатеричном формате => rgb()

Чтобы превратить цвет в шестнадцатеричном формате (#D09916) в rgb (rgb(0.816,0.600,0.086)):

Посетите ColorHexa, чтобы найти этот цвет.
Найдите строчку: «In a RGB color space, hex … is composed of RR.R% red, GG.G% green and BB.B% blue».
Разделите три числа (RR.R, GG.G и BB.B) на 100, после чего используйте полученные значения в качестве значений цвета. (см. также: пример использования)

legend:что-нибудь (опциональный): Определяет текст, который появится в области легенды для этого цвета.

Colors =
  id:war       value:red   legend:Период_войны
  id:peace     value:blue  legend:Период_мира
  id:treaty    value:rgb(0.6,0,0.6)
  id:lightgrey value:gray(0.9)
  id:darkgrey  value:gray(0.1)

Константы[]

DateFormat[]

Определяет, каким образом даты, заданные другими командами, должны быть обработаны.

Поддерживаемые форматы:

dd/mm/yyyy (даты в большинстве европейских стран): Даты интерпретируются, как «день/месяц/год»; Примечание: разрешено только для дат, начинающихся с 01/01/1800

mm/dd/yyyy (даты в США): Даты интерпретируются, как «месяц/день/год»; Примечание: разрешено только для дат, начинающихся с 01/01/1800

yyyy (по умолчанию): Работает с целыми числами от −9999 до 9999

DateFormat = mm/dd/yyyy

Define[]

Позволяет задавать константы — часто повторяющиеся части кода, которые удобнее единожды задать, а далее просто вызывать. Константы начинаются со знака $ (знак доллара).

Define $broad       = width:30
Define $narrow      = width:10
Define $bardefaults = $broad fontsize:S

ImageSize (обязательно)[]

Определяет размер всего изображения. Значения задаются абсолютными величинами.

width:число/auto: Ширина конечного изображения. Максимум: 1600 пикселей, минимум: 25 пикселей.; (может быть задано, как «auto», если задана вертикальная диаграмма).

height:число/auto: Высота конечного изображения. Максимум: 1600 пикселей, минимум: 25 пикселей.; (может быть задано, как «auto», если задана горизонтальная диаграмма).

barincrement:число: Количество пикселей, которое должно быть добавлено к изображении за каждый заданный столбец.; (разрешено и обязательно только вместе с "width: autoс или «height: auto»).

Для достижения максимальной гибкости, вы можете разрешить расширению подбирать размер изображения, основываясь на количестве столбцов и пикселей, которые нужно добавить за каждый столбец. Установите «height: auto» (для горизонтальных диаграмм) или «width: auto» (для вертикальных диаграмм).

ImageSize = width:800 height:600

ImageSize = width:800 height:auto barincrement:30

Legend[]

Легенда появится только в том случае, если в скрипте присутствует: хотя бы один цвет с атрибутом legend:, сама команда «Legend». Некоторые атрибуты являются взаимоисключающими (см. ниже).

orientation:hor/ver (опциональный): Установить горизонтальную («horizontal») или вертикальную ориентацию («vertical») (по умолчанию).; Ограничение: «orientation = horizontal» и «orientation = right» — взаимоисключающие атрибуты.

position:top/bottom/right (опциональный): Определяет положение легенды относительно диаграммы: верх («top»), низ («bottom») (по умолчанию) или право («right»).; Ограничение: «position = top», «position = right» и «position = right» — взаимоисключающие атрибуты.

columns:число (oпционально)

Число в пределах от 1 до 4..

Если этот атрибут отсутствует, то количество столбцов легенды определяется следующим образом:

orientation: horizontal :Все записи легенды размещаются на одной строке.
orientation vertical:
- position: right: Все записи легенды размещаются в одном столбце.
- position: top или bottom: Количество столбцов зависит от количества записей легенды:
  1-5 записей соответствует 1 столбцу, 6-10 записей — 2 столбцам, 11 или больше 3 — столбцам.

Совет: нижеприведенные атрибуты можно пропустить, указав только в том случае, если вы не довольны результатами автоматической надстройки.

columnwidth:расстояние (опциональный): Определяет расстояние между столбцами. Может принимать, как абсолютное значение, так и относительно (в процентах от ширины изображения).; Ограничение: игнорируется, если установлено «columns = 1».

left:расстояние (опциональный): Определяет расстояние между левой стороной легенды и левой стороной изображения. Может принимать, как абсолютное значение, так и относительно (в процентах от ширины изображения).

top:расстояние (опциональный): Определяет расстояние между верхней стороной легенды и верхней стороной изображения. Может принимать, как абсолютное значение, так и относительно (в процентах от ширины изображения).

LineData[]

Некоторые временные диаграммы включают в себя несколько различающихся периода. Линия может помочь их визуально разграничить.

at:время: Рисует линию, перпендикулярную временной оси.; Необходимо установить дату/год (зависит от DateFormat), где будет нарисована линия.

color:color-id (опциональный): Цвет линии.; Примечание: Идентификатор цвета должен быть определен заранее командой Colors.

layer:front/back (опциональный): Определяет, должна ли линия появится на переднем плане. По умолчанию линия появляется на заднем плане диаграммы («back»).

width:расстояние (опциональный): Ширина линии. Может принимать значение от 0.1 (очень тонко) до 10 (очень жирно); по умолчанию применяется единица.

Дополнительные параметры позиционирования Эти атрибуты используются только в редких случаях, когда требуется тонкая настройка:

Параллельность к временной оси с произвольным временем начала и конца:
atpos:позиция

from:время_начала (опциональный)

till:время_конца (опциональный)

Позиция устанавливается абсолютно/относительно, ортогонально к временной оси.

Необходимо установить дату/год (зависит от DateFormat) для установки времени начала и конца.
Ортогональность к временной оси с произвольными позициями начала и конца:
at:время

frompos:позиция_начала (опциональный)

tillpos:позиция_конца (опциональный)

Необходимо установить дату/год (зависит от DateFormat) для установки времени начала и конца.

Позиция устанавливается абсолютно/относительно, ортогонально к временной оси (по умолчанию: полная длина DrawArea).
В любом направлении с произвольными координатами начала и конца:
points:(x1,y1)(x2,y2)

Абсолютные и относительные позиции могут быть установлены в виде координат. Не зависит от временной оси.

Period (обязательно)[]

Определяет временно период, отображенный на временной диаграмме. Оба параметра обязательны. Даты необходимо устанавливать в соответствии с DateFormat.

from:время: Начальное время диаграммы. Значение может быть использовано в таких командах, как PlotData или TextData.
till:время: Конечное время диаграммы. Значение может быть использовано в других командах.

PlotArea (обязательно)[]

left:расстояние: Расстояние между левой частью всего изображения и левой областью диаграммы. Поддерживает абсолютные и относительные значения.

top:расстояние: Расстояние между верхней частью всего изображения и верхней областью диаграммы. Поддерживает абсолютные и относительные значения.

right:расстояние (рекомендуется): Расстояние между правой частью всего изображения и правой областью диаграммы. Поддерживает абсолютные и относительные значения.; Этот атрибут и атрибут «width» являются взаимоисключающими.

bottom:расстояние (рекомендуется): Расстояние между нижней частью всего изображения и нижней областью диаграммы. Поддерживает абсолютные и относительные значения.; Этот атрибут и атрибут «height» являются взаимоисключающими.; Минимально возможное значение составляет 20 пикселей (если определена легенда, см. Legend).

~~width~~:расстояние (нежелательно): Поддерживает абсолютные и относительные значения.; Не рекомендуется к использованию; можно заменить атрибутом «right».

~~height~~:расстояние (нежелательно): Поддерживает абсолютные и относительные значения.; Не рекомендуется к использованию; можно заменить атрибутом «bottom».

Примечания:

Атрибуты «width» и «height» оставлены исключительно для обратной совместимости со старыми диаграммами. Ранее, область диаграммы могла бы установлена только с использованием отступов: «width» и «height», «left» и «bottom».
Новый способ задания области диаграммы отличается большей гибкостью: изменение размера всего изображения не требует переопределения отступов. Это особенно важно, когда размер определяется автоматически (см.: ImageSize).

PlotData[]

Используется для определения столбцов (обозначающих временной период) и добавления текста в заданные места диаграммы.

Для добавления текста, не связанного с определенной датой/годом, или запрашивающего расширенное форматирование, нужно использовать команду TextData.

Атрибуты «text», «at», «from» и «till» всегда применяются в отношении той строки, на которой они были объявлены. Все остальные атрибуты, если только они не сочетаются с этими четырьмя, действуют для всей оставшейся части блока с командой или до задания нового значения.

PlotData поддерживает множество атрибутов (некоторые из них являются взаимоисключающими), которые можно разделить на:

Позиционные;
Связанные со столбцами;
Текстовые;
Маркеры.

Позиционные атрибуты[]

at:время (применяется к конкретной строке): Определяет дату/год, где должен быть установлен маркер. В зависимости от атрибута align, текст находится в начале, конце или середине этой позиции. Даты необходимо устанавливать в соответствии с DateFormat, либо же можно использовать атрибуты «start» или «end» в соответствии с командой Period для задания временного отрезка.; Примечание: Этот атрибут нельзя комбинировать с атрибутами from или till.

from:время_начала (применяется к конкретной строке)
till:время_конца (применяется к конкретной строке): Определяет дату/год, где должен находиться столбец. Даты необходимо устанавливать в соответствии с DateFormat, либо же можно использовать атрибут «start» в соответствии с командой Period для задания временного отрезка.; Примечание: Этот атрибут нельзя комбинировать с атрибутом at.

shift:(x,y) (опциональный)

В абсолютных величинах определяет вертикальное и горизонтально положение текста, что позволяет:

Сдвинуть текст для избежания его наложений в случае с плотно расположенными столбцами;
Размещение текста рядом с столбцом, а не поверх него.

Связанные со столбцами атрибуты[]

bar:bar-id

Определяет столбец, к которому применяются атрибуты (включая опциональные маркерные и позиционные атрибуты).

Значение этого атрибута также будет представлено на оси рядом со столбцом.

Если команда BarData отсутствует, то столбцы будет прорисованы в соответствии с PlotData.
Если команда BarData присутствует, то столбцы будут прорисованы в соответствии с этой командой.

barset:barset-id (опциональный): Позволяет создать сразу несколько столбцов на одной строке.; Атрибут «bar-id» должен быть определен в BarData.; «Barset» по умолчанию («анонимный») не требует предопределения через BarData.

color:color-id (опциональный): Определяет цвет столбца.; Идентификатор цвета должен быть определен заранее командой Colors.; По умолчанию, берется тот же цвет, что и для предыдущего столбца.

width:расстояние (опциональный): Определяет ширину столбца в абсолютных или относительных единицах измерения.; Значение по умолчанию рассчитывается на основе параметров PlotArea и максимальном количестве столбцов в диаграмме.

Текстовые атрибуты[]

text:что-нибудь (применяется к конкретной строке): Определяет текст, который будет расположен рядом со столбцом. Положение текста можно можно определить явно: с помощью атрибута «at», либо неявно: с помощью атрибутов: «from» и «till». Текст поддерживает ссылки.

textcolor:color-id (опциональный): Идентификатор цвета должен быть определен заранее командой Colors. В противном случае будет использован черный цвет.

fontsize:число/метка (опциональный): Определяет размера текста при помощь числовых значений: от 6 до 30, либо (что предпочительно) при помощи меток: XS (самый маленький), S (по умолчанию), M, L или XL (самый большой).

align:center/left/right (опциональный): Определяет положение текста: центр (по умолчанию)/лево/право.

link:URL (опциональный, применяется к конкретной строке)

Определяет ссылку на ресурс, текст при этом изменит цвет на синий.

Notes

Может быть использован только с атрибутом text.
Определите ссылку либо сразу, с помощью атрибута «text», либо определите через «link», не используя оба меотда сразу.

Маркерные атрибуты[]

mark:(символ,color-id)

Устаналивает маркер в заданную область.

Единственное значение символа на сегодняшний день: line.
Идентификатор цвета должен быть определен заранее командой Colors. В противном случае будет использован черный цвет.

ScaleMajor[]

Одним из этих способов, команда делит диаграмму на меньшие периоды:

Графическим — через вертикальные или горизонтальные линии (сетку) на диаграмме;
Текстовым — через отрезки времени, расположенные слева или внизу диаграммы;
И графическим, и текстовым.

gridcolor:color-id (опциональный): Определяет цвет сетки, рисуемой на заднем плане диаграммы.; Сетка не будут нарисована, если команда отсутствует.; Идентификатор цвета должен быть определен заранее командой Colors.

unit:единица_измерения (опциональный): Опеределяет единицу измерения для сетки.; Установите day (день), month (месяц) или year (год; по умолчанию).; Если значение DateFormat соответсвует «yyyy», то здесь можно использовать только значение year.

increment:число (опциональный): Определяет (ненулевое) значение, на которое будет увеличиваться расстояние между линиями сетки.; Значение по умолчанию: 1.

start:time (опциональный): Определяет, где должна отобразиться первая линия или отрезок времени..; По умолчанию ровно значению Period.

Примечание: такие параметры, как, например, ориентация линий, зависит от значений TimeAxis.

ScaleMinor[]

Эта команда позволяет дополнительно разбить диаграмму (синтакс атрибутов).

TextData[]

Используется для позиционирования текстовых блоков, которые можно расположить в любом месте диаграммы.

text:что-нибудь: Сам текст; может включать в себя ссылки.

pos:(x,y): Определяет положение верхней левой части текстового блока в абсолютных или относительных единицах измерения.

link:URL (опциональный): Устанавливает ссылку (URL), по которой будет вести текст, изменяя при этом цвет текста на синий.

textcolor:color-id (опциональный): Определяет цвет текста; Идентификатор цвета должен быть определен заранее командой Colors.; Если ничего не установлено, то по умолчанию будет использоваться черный текст.

fontsize:integer/tag (optional): Определяет размера текста при помощь числовых значений: от 6 до 30, либо (что предпочтительно) при помощи меток: XS (самый маленький), S (по умолчанию), M, L или XL (самый большой).

tabs:(x₁-alignment₁,x₂-alignment₂…) (опциональный)

Определяет положение и выравнивание для символа табуляции: ^ (каретка)

Определите настройки в виде строк: x_n-align_n, где:

x_n — горизонтальное положение, выраженное в абсолютных единицах измерения, от левой стороны текста;
alignment_n — положение сегмента текста (center (центр), left (лево) или right (право)).

lineheight:расстояние (опциональный): Определяет интервал между последовательными строками в абсолютных единицах измерения.; Максимальное значение: 40 пикселей.; Если атрибут не установлен, то интервал будет определяться автоматически, на основании размеров текста.

Примечания:

Ссылку можно установить или с помощью атрибута «text», или с помощью атрибута «link», но не обоих.

TimeAxis (обязательно)[]

Определяет ориентацию временной оси, а также текстовое представление временных отрезков вдоль этой оси.

format:time-format (опциональный): Определяет формат для дат, отображаемых вдоль оси.; В настоящее поддерживается только формат yyyy (по умолчанию). Это значит, что если атрибут unit: команды ScaleMajor будет иметь значение, отличное от year, то сетка не будет синхронна по отношению к оси.

orientation:hor/ver: Установить горизонтальную («horizontal») или вертикальную ориентацию оси.; По умолчанию используется горизонтальная ориентация.

order:reverse (опциональный): Определяет reverse — время на оси будет отображаться в обратном порядке.

Примеры[]

Вертикальная диаграмма[]

ImageSize  = width:240 height:310
PlotArea   = width:180 height:280 left:40 bottom:20
Period     = from:2004 till:2017
AlignBars  = justify
TimeAxis   = orientation:vertical
ScaleMajor = unit:year increment:1 start:2004

PlotData =
  color:blue width:50
  bar:Quartz from:start  till:2008
  bar:Monaco from:2008  till:2010
  bar:Wikia  from:2010  till:end

Вертикальная диаграмма отображает годы, во время которых использовался тот или иной основной скин.

Первые две строки скрипта задают: размер всего изображения; размер области, где будет нарисована диаграмма; отступы слева и снизу.

Третья строка задаёт временной период, отображаемый на диаграмме, а четвертая определяет расстояние между столбцами (здесь: выравнивание — «justify»). Пятая строка задает вертикальную ориентацию диаграммы, а шестая — единицу измерения (год), единицу измерения (1) и начало (2004) основной оси диаграммы. Начиная с седьмой строки определяется информация, которую несёт в себе диаграмма: сперва задается цвет столбцов, их ширина; далее определяются сами столбцы (название, начальный и конечный годы).

Горизонтальная диаграмма[]

ImageSize  = width:740 height:160
PlotArea   = width:710 height:120 left:20 bottom:20
Period     = from:2004 till:2017
AlignBars  = justify
TimeAxis   = orientation:horizontal
ScaleMajor = unit:year increment:2 start:2004
ScaleMinor = grid:tan2 unit:year increment:1 start:2004

Colors =
 id:canvas  value:gray(0.95)
 id:f       value:rgb(1,0.584,0)
 id:f2      value:rgb(1,0.7,0)
 id:wf      value:rgb(0,0.7,0.4)
 id:wf2     value:rgb(0,0.75,0.4)
 id:ds      value:rgb(0.8,0.2,0.3)

BackgroundColors = canvas:canvas

BarData = 
  Bar:Forum
  Bar:WikiaForum
  Bar:Discussions

PlotData =
  bar:Forum color:f from:start  till:2010 text:"[[Форум]]" 
  bar:Forum color:f2 from:2010  till:end
  bar:WikiaForum color:wf from:2010  till:end text:"[[Форум (новый)]]"
  bar:WikiaForum color:wf2 from:2015  till:end
  bar:Discussions color:ds from:2015  till:end text:"[[Обсуждения (расширение)|Обсуждения]]"

Горизонтальная диаграмма показывает некоторые расширения или инструменты, дающие участникам возможность обсуждения (вопросов).

В отличие от первой диаграммы, здесь (помимо изменений размеров и, собственно, ориентации) изменены параметры осей: теперь за одну единицу принимаются два года; добавлена вторая, вспомогательная ось, отображающая каждый год из заданного периода.

При помощи команды «Colors» заданы все цвета, использующиеся в диаграмме. Можно заметить, что практически все они заданы при помощи RGB, где цифры в скобках представляют собой значения насыщенности цвета в процентах, разделенное на сто (например, «1,0.584,0» значит, что тут 100 % красного цвета, 58,4 % зеленого и 0 % — синего). Следующая же строка помогает определить цвет фона, здесь: самый первый заданный цвет с ID «canvas».

Команда «BarData» помогает задать все три основных, используемых столбца, что позволяет нарисовать сразу несколько столбца на базе одного. Помимо этого, для некоторых из столбцов задан текст, являющийся ссылкой.

Интересные факты[]

Расширение использует шрифт FreeSans для отображения текста.
Вы также можете использовать текущую дату в скрипте. Для этого убедитесь, что скрипт начинается с {{#tag:timeline|, а заканчивается — }}. После этого дату можно вставить, используя волшебные слова, например, {{#time: d/m/Y }} или {{CURRENTDAY2}}/{{CURRENTMONTH2}}/{{CURRENTYEAR}}.

Примечания[]

↑ Поскольку термин не зафиксирован в словарях, чёткой орфоэпической нормы не существует. В английском языке в слове timeline [ˈtaɪm.laɪn] ударным является первый слог, однако для русского такое произношение не слишком удобно.

См. также[]

[1] Поскольку термин не зафиксирован в словарях, чёткой орфоэпической нормы не существует. В английском языке в слове timeline [ˈtaɪm.laɪn] ударным является первый слог, однако для русского такое произношение не слишком удобно.

[1]

Внешний вид страницы
Скины	Основные: † Quartz • † Monaco • † Oasis • † Hydra • † HydraDark • FandomDesktop Мобильные: † Chick • † Mercury • † Mobile • FandomMobile Общие для MediaWiki: † Monobook • † Vector • † MinervaNeue • † Timeless • † Classic • † CologneBlue • † Nostalgia • † Modern • † MySkin • † Chick • † Simple Уникальные: † Venus • † Uncyclopedia • † WoWWiki • † LyricsMinimal • † Exvius
Элементы оформления	Анон-нотис • Баннер • Глобальное навигационное меню • † Горячие точки • Заголовок страницы (Логотип • † Изображение заголовка • Локальное навигационное меню • † Сайдбар) • Контентная часть • Мои инструменты • Новостная лента • Подвал • Реклама • Рельс • Сайтнотис • Уголок сообщества • Фавикон • Фон • Шрифт • Эдитнотис • † Кнопки «Поделиться»
Контент-элементы	Видео • Волшебные слова • Временная диаграмма • Галерея • Категория • † Опрос • Подпись • Раздел • Слайдер • Слайдшоу • Сноска • Содержание • Список • Ссылка • Таблица • Файл • Формула • Шаблон • Таббер • Табвью • Кнопка
См. также: устройство и технологии участников, википроектов и языки разметки и программирования