WikiDer > Справка: Barchart - Википедия

Help:Barchart - Wikipedia

На этой странице описаны методы создания гистограмма на странице Википедии путем кодирования набора чисел в <timeline>...</timeline> формат тега. Он может отображать диаграммы в различных форматах. Все изображение масштабируется командой, например «ImageSize = width: 180 height: 90», а использование ключевого слова «bar» запускает функции гистограммы. Тем не менее {{Гистограмма}} может легко отформатировать горизонтальную гистограмму (прокручивая страницу вниз) с одним, двумя или четырьмя столбцами столбцов на диаграмме.

Здесь с <timeline>...</timeline>, вертикальные полосы форматируются командой «TimeAxis = Ориентация: вертикальная» (перед указанием данных для полос). Ширина полос задается параметром «PlotData = width: 20». Цвет любой полосы можно установить, добавив ключевое слово «цвет:» (например, «цвет: светло-серый») в конце числовых данных каждой полосы.

Для других необязательных параметров см. § Команды и атрибуты гистограммы, или полный список на Справка: хронология.

Пример гистограммы населения

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

Вышесказанное гистограмма, показывающие столбики численности населения за каждый год, можно создать с помощью текста разметки, указанного ниже. Пример текста (ниже) можно копировать и сокращать или расширять для обработки других лет или чисел в формате гистограммы. Размер изображения установлен как ImageSize = width: 450 height: 305 для поля 450x305 пикселей. Гистограммы можно упростить, опустив некоторые из различных параметров данных, например исключив ключевое слово "at:" ("at: 390"), которое помещает метки в определенные места на баре.

<timeline>Colors=  id:lightgrey value:gray(0.9)  id:darkgrey  value:gray(0.8)  id:sfondo value:rgb(1,1,1)  id:barra value:rgb(0.6,0.7,0.8)ImageSize  = width:450 height:305PlotArea   = left:50 bottom:50 top:30 right:30DateFormat = x.yPeriod     = from:0 till:2000TimeAxis   = orientation:verticalAlignBars  = justifyScaleMajor = gridcolor:darkgrey increment:1000 start:0ScaleMinor = gridcolor:lightgrey increment:200 start:0BackgroundColors = canvas:sfondoBarData=  bar:1861 text:1861  bar:1871 text:1871  bar:1881 text:1881  bar:1901 text:1901  bar:1911 text:1911  bar:1921 text:1921  bar:1931 text:1931  bar:1936 text:1936  bar:1951 text:1951  bar:1961 text:1961  bar:1971 text:1971  bar:1981 text:1981  bar:1991 text:1991  bar:2001 text:2001PlotData=  color:barra width:20 align:left  bar:1861 from: 0 till:390  bar:1871 from: 0 till:401  bar:1881 from: 0 till:410  bar:1901 from: 0 till:510  bar:1911 from: 0 till:604  bar:1921 from: 0 till:731  bar:1931 from: 0 till:804  bar:1936 from: 0 till:833  bar:1951 from: 0 till:972  bar:1961 from: 0 till:1125  bar:1971 from: 0 till:1266  color:blue  bar:1981 from: 0 till:1227  bar:1991 from: 0 till:1266  bar:2001 from: 0 till:1385PlotData=  bar:1861 at:390 fontsize:XS text: 390 shift:(-8,5)  bar:1871 at:401 fontsize:XS text: 401 shift:(-8,5)  bar:1881 at:410 fontsize:XS text: 410 shift:(-8,5)  bar:1901 at:510 fontsize:XS text: 510 shift:(-8,5)  bar:1911 at:604 fontsize:XS text: 604 shift:(-8,5)  bar:1921 at:731 fontsize:XS text: 731 shift:(-8,5)  bar:1931 at:804 fontsize:XS text: 804 shift:(-8,5)  bar:1936 at:833 fontsize:XS text: 833 shift:(-8,5)  bar:1951 at:972 fontsize:XS text: 972 shift:(-8,5)  bar:1961 at:1125 fontsize:XS text: 1125 shift:(-8,5)  bar:1971 at:1266 fontsize:XS text: 1266 shift:(-8,5)  bar:1981 at:1227 fontsize:XS text: 1227 shift:(-8,5)  bar:1991 at:1266 fontsize:XS text: 1266 shift:(-8,5)  bar:2001 at:1385 fontsize:XS text: 1385 shift:(-8,5)TextData=  fontsize:S pos:(20,10) text:Data from ISTAT</timeline>

Приведенный выше текст будет генерировать изображение гистограммы, показанное выше, с 14 полосами в поле изображения размером 450x305 пикселей с примечанием в левом углу «Данные из ISTAT».

Команды и атрибуты гистограммы

За каждой командой гистограммы следует знак равенства ("="), а за атрибутами следует двоеточие (":"), как в команде "Period = from: 0 to: 2000", которая устанавливает вертикальное (y- оси) от 0 до 2000.

Команды временной шкалы для форматирования макета графика:

ImageSize = ширина: 450 высота: 305
Числа 450 и 305 - это размеры блока изображения в пикселях.
PlotArea = слева: 50 снизу: 50 сверху: 30 справа: 30
PlotArea определяет поля вокруг гистограммы внутри изображения.
DateFormat = x.y
При необходимости это устанавливает формат даты.
Период = от: 0 до: 2000
Период - это диапазон чисел по вертикальной оси (числа по оси Y). Установка атрибута «до» больше на 500 (как «до: 2500») приведет к сжатию столбцов в пределах поля изображения на 20%.
TimeAxis = ориентация: вертикальная
Значение атрибута "вертикальное" отображает столбики в вертикальном положении.
AlignBars = выравнивание
Использование команды «AlignBars = justify» автоматически расширит полосы по размеру.
ScaleMajor = цвет сетки: темно-серый шаг: 1000 начало: 0
Команда "ScaleMajor" устанавливает основные линии линейки оси Y на графике.
ScaleMinor = gridcolor: светло-серый шаг: 200 начало: 0
Команда «ScaleMinor» устанавливает второстепенные линейки оси Y на графике.
BackgroundColors = холст: sfondo
Общий цвет установлен на id «sfondo» (определенный выше), как «value: rgb (1,1,1)», который имеет белый оттенок, с числами RGB (красный / зеленый / синий) как «1,1, 1 ".

Команды временной шкалы для форматирования текстовых меток:

bar: 1861 at: 390 размер шрифта: XS текст: 390 смещение: (- 8,5)
Здесь «bar: 1861» обозначает полосу для надписи на высоте 390, используя размер шрифта: XS (для очень маленького размера, или «S» как маленький, или шрифт M, L, XL), с буквальным текстом как «390» немного. сдвигается по положению на "shift: (- 8,5)".
TextData =
fontsize: S pos: (20,10) текст: Данные из ISTAT
Команда «TextData» устанавливает строку примечания, здесь в левом углу позиции X-Y «pos: (20,10)» с буквальным текстовым примечанием «Data from ISTAT».

Приведенные выше описания относятся к общим командам, плюс их атрибуты-двоеточия со значениями из примера.

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

Смотрите также