Гистограммы

В этом документе описаны различные типы гистограмм, которые можно создать с помощью API диаграмм.

Оглавление

Обзор

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

Гистограммы хороши для параллельного сравнения и выявления тенденций в небольшом количестве дискретных точек данных. Они являются хорошей альтернативой линейным диаграммам, когда у вас есть только несколько точек данных в серии.

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

Сгруппировано
Сложенный
Перекрывается
Grouped chart
Stacked chart
Overlapped chart
cht=bvg
chd=t:5,5,5|10,10,10|15,15,15
cht=bvs
chd=t:5,5,5|10,10,10|15,15,15

cht=bvo
chd=t:5,5,5|10,10,10|15,15,15

Вы можете контролировать ширину и расстояние между полосами, используя параметр chbh . Если вы не укажете chbh , некоторые столбцы могут быть обрезаны.

Обратите внимание, что по умолчанию все серии отображаются одним цветом; если вы не укажете разные цвета для разных рядов, вам будет трудно отличить, что на вашей диаграмме имеется несколько рядов. Подробности см. в разделе «Цвета серии» .

По умолчанию гистограммы отображают хотя бы одну ось; если вы хотите скрыть какие-либо оси по умолчанию, используйте параметр chxs и укажите подчеркивание для значения <axis_or_tick> .

Если вы используете простой текстовый формат в составных диаграммах, вам следует учитывать, что диаграмма будет обрезать все значения, превышающие 100, как общую высоту стопки , если вы не добавите пользовательское масштабирование, как показано здесь:

Без масштабирования средние три столбца превышают 100 и обрезаются в простой диаграмме данных в текстовом формате . Horizontal bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue
cht=bhs
chco=4D89F9,C6D9FD
chd=t:10,50,60,80,40|
50,60,100,40,20
Если мы хотим отобразить полную длину столбца, мы должны либо использовать другую схему кодирования, либо использовать форматирование текста с пользовательским масштабированием . Максимальное значение масштаба должно быть относительно общей высоты сложенных брусков; в этом примере число достигает 160 (максимальное суммарное значение). Horizontal bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue
cht=bhs
chco=4D89F9,C6D9FD
chd=t:10,50,60,80,40|
50,60,100,40,20
chds=0,160

Типы диаграмм ( cht )

Вы можете создать несколько различных типов гистограмм. Укажите гистограмму со следующим синтаксисом:

Синтаксис

cht=<chart_type>

Где < chart_type > — один из следующих типов:

Тип диаграммы Описание Пример

bhs

Горизонтальная гистограмма с расположенными столбцами.

Первый пример (все столбцы темно-синего цвета) содержит один ряд данных.

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

Как видите, несколько серий объединены друг в друга. Если вы не укажете разные цвета серий , все цвета будут одинаковыми (и столбцы не будут выглядеть сложенными). Вы также можете указать цвет для каждой полосы в одной серии.

Horizontal bar chart with two data sets: both are colored in blue
cht=bhs
chco=4D89F9


Horizontal bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue
cht=bhs
chco=4D89F9,C6D9FD
chd=t:10,50,60,80,40|
50,60,100,40,20
chds=0,160

bvs

Вертикальная гистограмма с расположенными друг над другом столбцами.

Этот пример состоит из двух серий и использует текстовый формат с настраиваемым масштабированием, чтобы гарантировать полную видимость всех сложенных значений.

Обратите внимание: если вы переместите нулевую линию на графике bvs с помощью параметра chp , если столбец меньше этого значения, он будет отображаться ниже нулевой линии, а если он больше этого значения, он будет отображаться над нулевой линией. .

Vertical bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue cht=bvs
chco=4D89F9,C6D9FD
chd=t:10,50,60,80,40|
50,60,100,40,20
chds=0,160

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

bvo stacked chart
cht=bvo
chd=t:
10,50,60,80,40
50,60,100,40,20
30,30,75,20,60

bhg

Горизонтальные гистограммы с сгруппированными полосами.

В верхней диаграмме используются значения интервала между группами по умолчанию; нижняя диаграмма использует параметр chbh для изменения ширины полосы по умолчанию и интервала между группами, чтобы сделать группы более заметными.

Horizontal bar chart with two data sets: one data set is colored in dark blue the second is adjacent in pale blue
cht=bhg
chco=4D89D9,C6D9FD

Horizontal bar chart with two data sets: one data set is colored in dark blue the second is adjacent in pale blue
cht=bhg
chco=4D89D9,C6D9FD
chbh=15,4,15

bvg

Вертикальная гистограмма с сгруппированными столбцами.

Vertical bar chart with two data sets: one data set is colored in dark blue the second is adjacent in pale blue
cht=bvg
chco=4D89F9,C6D9FD
chbh=15,4,15

Вернуться наверх

Серия Цвета chco

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

Синтаксис

chco=<series_1_color>, ..., <series_n_color>

    or

chco=<series_1_bar_1>|<series_1_bar_2>|...|<series_1_bar_n>,<series_2>,...,<series_n>
<color>
Шестнадцатеричное число в формате RRGGBB, применяемое к серии или отдельному слитку. Чтобы применить цвет ко всей серии, его следует разделить запятыми. Чтобы применить цвет к отдельной полосе, она должна быть разделена вертикальной чертой. Вы можете смешивать эти два формата. Примеры см. в таблице ниже. Всякий раз, когда у вас меньше значений цвета, чем точек данных или серий, цвета снова будут циклически проходить по списку, начиная с первого цвета в этой группе.

Примеры

Описание Пример
Один цвет в серии, цвета разделены запятыми.

Vertical bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue

cht=bvs
chco=4D89F9,C6D9FD

Один цвет на значение, с цветами, разделенными вертикальной чертой.

Vertical bar chart with two data sets: one data set is colored in dark blue the second is stacked in pale blue

cht=bvs
chco=FFC6A5|FFFF42|DEF3BD|00A5C6|DEBDDE

Сочетание цветов серии и цветов отдельных полос.

В этом примере показана гистограмма с двумя рядами. Первая серия полностью черная ( 000000, ) и разделена запятыми. Вторая серия разделена вертикальной чертой и назначает разный цвет для каждой точки ( FF0000|00FF00|0000FF ).

Horizontal bar chart with one data point in red, the second in green, and the third in blue

chco=000000,FF0000|00FF00|0000FF
chd=s:FOE,elo

В этом примере демонстрируется установка разных цветов для каждого столбца на многорядной диаграмме. Horizontal bar chart with one data point in red, the second in green, and the third in blue
chco=
FF0000|00FF00|0000FF,FFC6A5|DEF3BD|C6EFF7
Вы также можете указать заливки, чтобы раскрасить серию сплошными, полосатыми или градиентными цветами. Сплошная заливка выглядит так же, как при использовании chco , но полосы или градиенты создают уникальные эффекты. Gradient bar fills
chd=
t:10,40,60,80,30,20
chf=
b0,lg,0,FFE7C6,0,76A4FB,1

striped fills
chd=t:
40,40,60,80
30,50,55,86
chf=
b0,ls,0,FFE7C6,.3,76A4FB,.1
b1,ls,0,FF0000,.3,FFBFBF,.1

Вернуться наверх

Барные Этикетки

Гистограммы поддерживают стандартные метки осей , но метки вдоль основания столбцов назначаются отдельным столбцам, а не распределяются по гистограмме. (Чтобы равномерно распределить метки, используйте параметр chxp , как описано ниже.) Если вы укажете метки осей, но не укажете пользовательские метки вдоль оси стержня, метками стержней будет порядковый номер каждого стержня или группы стержней. Вы можете настроить метки осей, используя параметр chxl .

Описание Пример
Гистограмма с метками оси X по умолчанию. Bar chart without custom labels
chxt=x,y
Гистограмма с использованием пользовательских меток оси X.

Bar chart without custom labels
chxt=x,y
chxl=0:|Jan|Feb|Mar|Apr|May

Если у вас разное количество меток и полос и вы хотите, чтобы метки располагались равномерно (а не под каждой полосой), используйте параметр chxp с синтаксисом < axis_index >,0 где axis_index — это индекс оси, на которой будет надписана метка, и 0 указывает, что они должны быть расположены равномерно. (Это связано с тем, что одиночный 0 указывает расположение первой метки, а отсутствие дальнейших значений указывает на то, что метки должны автоматически размещаться равномерно по оси.)

  • Верхняя диаграмма: три метки диаграммы применяются к пяти столбцам. Метки выравниваются под первыми тремя полосками.
  • Нижняя диаграмма: одни и те же три метки применяются к пяти столбцам, но chxp=0,0 приводит к тому, что метки располагаются равномерно по оси X (индекс оси 0).

Bar chart without custom labels
chd=s:cEj9U
chxt=x,y
chxl=0:|2001|2002|2003


Bar chart without custom labels
chd=s:cEj9U
chxt=x,y
chxl=0:|2001|2002|2003
chxp=0,0

Вернуться наверх

Ширина и интервал между полосами chbh

При желании вы можете указать собственные значения ширины стержней и расстояния между стержнями и группами. Вы можете указать только один набор значений ширины для всех полос. Если вы не укажете chbh , все столбцы будут иметь ширину 23 пикселя. Это означает, что конечные столбцы могут быть обрезаны, если общая ширина столбца + пространство шире ширины диаграммы.

Синтаксис

chbh=
  <bar_width_or_scale>,<space_between_bars>,<space_between_groups>
< ширина_бара_или_масштаб >
Ширина планки. Вы можете указать ширину и интервал абсолютно или относительно, введя одно из следующих значений. Значение по умолчанию — 23 пикселя, абсолютное значение.
  • ширина — ширина полосы в пикселях. Все значения интервалов также являются абсолютными значениями в пикселях. Столбцы можно обрезать, если диаграмма недостаточно широка.
  • aspace_between_bars и space_between_groups задаются в абсолютных единицах (или абсолютных значениях по умолчанию, если не указано иное). Размер столбцов будет изменен так, чтобы все столбцы поместились на графике.
  • rspace_between_bars и space_between_groups задаются в относительных единицах (или относительных значениях по умолчанию, если не указано). Относительные единицы — это значения с плавающей запятой по сравнению с шириной полосы, где ширина полосы равна 1,0: например, 0,5 — это половина ширины полосы, 2,0. в два раза больше ширины полосы. Столбцы можно обрезать, если диаграмма недостаточно широка.
< пробел_между_барами >
[ Необязательно ] Пространство между столбцами в одной группе. Если размер абсолютный, это ширина в пикселях; если размер относительный, это значение с плавающей запятой, где 1,0 — ширина полосы. Значение по умолчанию — 4 пикселя для абсолютных значений или 4/23 для относительных значений.
<пространство_между_группами>
[ Необязательно ] Пространство между группами стержней в одной группе. Если размер абсолютный, это ширина в пикселях; если размер относительный, это значение с плавающей запятой, где 1,0 — ширина полосы. Значение по умолчанию — 8 пикселей для абсолютных значений или 8/23 для относительных значений.

Вы не можете опустить промежуточные необязательные параметры; вы должны закончить с указанным значением. Например: chbh=10,5,10 допустимо, chbh=10,,10 нет, chbh=10,5, нет.

Описание Пример

В этой диаграмме используется значение a для автоматического изменения размера значений.

В первой диаграмме не указано расстояние между группами, поэтому группы не видны. На второй диаграмме добавлено некоторое расстояние (15 пикселей) между группами.

Vertical grouped bar chart in blue and black, bars and spaces are automatically sized

chbh=a




chbh=a,5,15

В этой диаграмме значение r используется для указания размеров относительно ширины полосы. На этом графике расстояние между столбцами равно 0,5 ширины столбца, а между группами — в 1,5 раза по ширине столбца.

Vertical grouped bar chart in blue and black, bars are automatically sized, spaces expressed as percentage of chart width

chbh=r,0.5,1.5

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

10*23 пикселя для баров +
5*4 пикселя для интервала +
4 * 8 пикселей для интервала между группами
282 пикселя – ширина диаграммы превышает 190 пикселей.

...поэтому некоторые полосы обрезаны.

На второй диаграмме указаны абсолютные значения столбцов и интервалов, соответствующие всем столбцам диаграммы.

Vertical grouped bar chart in blue and black, bars have the default width

chbh
опущен
chs=190x125
две серии, пять значений/серий


Vertical grouped bar chart in blue and black, bars are automatically sized

chbh=10,5,10

Вернуться наверх

Нулевая линия chp

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

  • Масштабирование данных. Когда вы используете данные в текстовом формате с параметром масштабирования chds , нулевая линия будет сдвинута настолько вверх, насколько это необходимо, чтобы отобразить все отрицательные значения.
  • Параметр chp . Вы также можете переместить нулевую линию вручную в любом формате данных в любое место, используя параметр chp . Фактически это создает искусственную нулевую линию и перерисовывает столбцы как разницу между значением данных и произвольным нулевым значением (то есть столбцы рисуются от нулевой линии до значения столбца). Это нельзя использовать в сочетании с chds .

Синтаксис

chp=
  <zero_value_series_1>,
   ...,
  <zero_value_series_n>
<zero_value_series_1 >
Значение с плавающей запятой от 0,0 до 1,0 включительно, где 0,0 — нижняя часть оси, а 1,0 — верхняя часть оси. Столбцы будут перерисованы, чтобы показать разницу между этим значением и его значением.
Описание Пример

Вот три копии гистограммы с одинаковыми данными:

  • Первый показывает диаграмму без указанной нулевой линии.
  • Второй показывает диаграмму с нулевой линией 0,2 или нулевая линия сдвинута на 0,2 расстояния вверх по оси Y. Обратите внимание, что значение 20 исчезло, поскольку оно находится прямо на новой нулевой линии.
  • Третий показывает график с нулевой линией 0,5. Теперь значение 20 снова появилось как отрицательное значение, как и значение 40 (которое меньше 50). Это связано с тем, что столбцы рисуются от нового положения нулевой линии до фактического значения данных, поэтому значения меньше 50 на диаграмме перемещаются вниз, а значения больше 50 — вверх.

Vertical bar chart with zero line half way up the chart
chd=t:20,40,60,80,95
Нулевая линия не указана.


Vertical bar chart with zero line half way up the chart
chd=t:20,40,60,80,95
chp=0.2


Vertical bar chart with zero line half way up the chart
chd=t:20,40,60,80,95
chp=0.5

В этом примере показана установка нулевой линии с использованием данных в текстовом формате с пользовательским масштабированием ( chds ). Вы не можете использовать chds и chp вместе.

В примере указаны значения в диапазоне от -60 до 120. Масштаб установлен в пределах от -80 до 140, чтобы оставить пространство над и под полосами.

Horizontal bar chart with two data sets: both are colored in red
chd=t:30,-60,50,120,80
chds=-80,140

Вернуться наверх

Составные диаграммы

Вы можете добавить линии, свечи и маркеры фигур в гистограмму, чтобы создать составную диаграмму. Более подробную информацию см. в разделе «Составные диаграммы» .

Маркеры на определенных столбцах (только cht=bvg )

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

Однако с помощью вертикально сгруппированных гистограмм (тип bvg ) вы можете указать серию размещения, отличную от серии данных маркера. Для этого укажите параметр < series_index > (третий параметр), используя следующий синтаксис: < data_series_index >:< placement_series_index > .

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

Лучший способ использовать эту функцию — использовать скрытый ряд для данных маркера и поместить маркер в видимый ряд.

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

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

chd=t2: // First two series are visible
10,20,30,40,50 // Red bars
20,40,60,80,100 // Blue bars
20,20,20,20,20 // Hidden: black circle data
30,30,30,30,30 // Hidden: black square data
chm=
o,000000, 2 ,,10 // Circle markers
s,000000, 3 ,,10 // Square markers

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

chd=t2: // First two series are visible
10,20,30,40,50 // Red bars
20,40,60,80,100 // Blue bars
20,20,20,20,20 // Hidden: black circle data
30,30,30,30,30 // Hidden: black square data
chm=
o,000000, 2:0 ,,10 // Circle markers
o,000000, 3:1 ,,10 // Square markers

В этом примере расширенный синтаксис указывает другой источник данных и серию размещения маркеров. Круги используют данные из скрытой серии 2 и размещаются в серии 0; квадраты используют данные из скрытой серии 3 и размещаются в серии 1.

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


chd=t4: // First four series are rendered as bars. Remaining data is hidden.
5,10,15,20,25,30 // Purple bar
10,20,30,40,50,60 // Blue bar
30,40,50,60,70,80 // Olive bar
5,5,5,5,5,5 // Black bar
0,15,25,30,45,55 // Hidden data: Purple circle, blue error bar start
15,30,40,45,55,65 // Hidden data: Blue error bar end
20,35,45,50,55,65 // Hidden data: Yellow error bar start
40,45,55,80,75,85 // Hidden data: Yellow error bar end
chm= // Markers:
o,D000D0,4:0,,10 // Purple circle: data series 4, placement series 0 (purple)
E,00D0D0,4:1,,1:10 // Blue error bars: data series 4, placement series 1 (blue)
E,D0D000,6:2,,1:10 // Yellow error bars: data series 6, placement series 2 (olive)
o,000000,3:4,,10 // Black circle: data series 3, placement 4 (hidden placement series, centered in group)

Вернуться наверх

Стандартные функции

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

Название графика chtt , chts [ Все графики ]

Вы можете указать текст заголовка, цвет и размер шрифта для диаграммы.

Синтаксис

chtt=<chart_title>
chts=<color>,<font_size>,<opt_alignment>

chtt — указывает заголовок диаграммы.

< название_диаграммы >
Название для отображения диаграммы. Вы не можете указать, где это будет отображаться, но при желании вы можете указать размер и цвет шрифта. Используйте знак + для обозначения пробелов и символ вертикальной черты ( | ) для обозначения разрывов строк.

chts [ Необязательно ] — цвета и размер шрифта для параметра chtt .

<цвет >
Цвет заголовка в шестнадцатеричном формате RRGGBB . Цвет по умолчанию — черный.
<размер_шрифта >
Размер шрифта заголовка, в пунктах.
<opt_alignment>
[ Необязательно ] Выравнивание заголовка. Выберите одно из следующих строковых значений с учетом регистра: «l» (слева), «c» (по центру), «r» (справа). По умолчанию — «с».

Примеры

Описание Пример

Диаграмма с заголовком, в которой используются цвет и размер шрифта по умолчанию.

Укажите пробел со знаком плюс ( + ).

Используйте символ вертикальной черты ( | ), чтобы вызвать разрыв строки.

chts здесь не указан.

Vertical bar chart with title
chtt=Site+visitors+by+month|
January+to+July

Диаграмма с синим заголовком размером 20 пунктов, выровненным по правому краю.

Vertical bar chart with blue, 20 pixel, title
chtt=Site+visitors
chts=FF0000,20,r

Вернуться наверх

Текст и стиль легенды диаграммы chdl , chdlp , chdls [ Все диаграммы ]

Легенда — это боковая часть диаграммы, содержащая небольшое текстовое описание каждой серии. Вы можете указать текст, связанный с каждой серией в этой легенде, и указать, где на диаграмме он должен появиться.

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

Примечание о строковых значениях: в строках меток разрешены только символы, безопасные для URL. В целях безопасности вам следует закодировать URL-адресом все строки, содержащие символы, не входящие в набор символов 0-9a-zA-Z . Кодировщик URL-адресов можно найти в документации по визуализации Google .

Синтаксис

chdl=<data_series_1_label>|...|<data_series_n_label>
chdlp=<opt_position>|<opt_label_order>
chdls=<color>,<size>

chdl — текст каждой серии для отображения в легенде.

< метка_серии_данных >
Текст для записей легенды. Каждая метка применяется к соответствующей серии в массиве chd . Используйте знак + для пробела. Если вы не укажете этот параметр, на диаграмме не будет легенды. Невозможно указать разрыв строки в метке. Легенда обычно расширяется, чтобы вместить текст легенды, а область диаграммы сжимается, чтобы вместить легенду.

chdlp — [ необязательно ] Положение легенды и порядок записей легенды. Вы можете указать <position> и/или <label_order> . Если вы укажете оба, разделите их чертой. Вы можете добавить 's' к любому значению, если хотите, чтобы пустые записи легенды в chdl были пропущены в легенде. Примеры: chdlp=bv , chdlp=r , chdlp=bv|r , chdlp=bvs|r

< опт_позиция >
[ Необязательно ] Указывает положение легенды на диаграмме. Чтобы указать дополнительное отступы между легендой и областью диаграммы или границей изображения, используйте параметр chma . Выберите одно из следующих значений:
  • b – Легенда внизу диаграммы, записи легенды расположены в горизонтальном ряду.
  • bv — легенда внизу диаграммы, записи легенды в вертикальном столбце.
  • t — Легенда вверху диаграммы, записи легенды расположены в горизонтальном ряду.
  • tv — Легенда вверху диаграммы, записи легенды в вертикальном столбце.
  • r — [ по умолчанию ] Легенда справа от диаграммы, записи легенды в вертикальном столбце.
  • l — Легенда слева от диаграммы, записи легенды в вертикальном столбце.
<opt_label_order>
[ Необязательно ] Порядок отображения меток в легенде. Выберите одно из следующих значений:
  • l [ По умолчанию для вертикальных легенд ] Отображать метки в порядке, указанном в chdl .
  • r — отображать метки в порядке, обратном заданному chdl . Это полезно в составных гистограммах, чтобы показать легенду.
    в том же порядке, в котором появляются полосы.
  • a — [ По умолчанию для горизонтальных легенд ] Автоматическое упорядочение: примерно означает сортировку по длине, сначала самый короткий, измеряемый в блоках по 10 пикселей. Если два элемента имеют одинаковую длину (разделены на блоки по 10 пикселей), первым будет отображаться тот, который указан первым.
  • 0,1,2... — Пользовательский порядок меток. Это список индексов меток, отсчитываемых от нуля, из chdl , разделенных запятыми.

chdls — [ Необязательно ] Задает цвет и размер шрифта текста легенды.

< цвет >
Цвет текста легенды в шестнадцатеричном формате RRGGBB .
< размер >
Размер в пунктах текста легенды.

Примеры

Описание Пример

Два примера легенд. Укажите текст легенды в том же порядке, что и ряд данных.

Red, blue, and green line chart with matching legends

chdl=NASDAQ|FTSE100|DOW
chco=FF0000,00FF00,0000FF

Venn diagram with two smaller circles enclosed by a larger circle


chdl=First|Second|Third
chco=ff0000,00ff00,0000ff

На первой диаграмме показаны записи горизонтальной легенды ( chdlp=t , макет по умолчанию — горизонтальный), а на второй — нижние записи вертикальной легенды ( chdlp=bv ).

Venn diagram with two smaller circles enclosed by a larger circle
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=t


Venn diagram with two smaller circles enclosed by a larger circle
chdl=First|Second|Third
chco=ff0000,00ff00,0000ff
chdlp=bv

В этом примере показано изменение размера шрифта.

Venn diagram with two smaller circles enclosed by a larger circle
chdls=0000CC,14

Вернуться наверх

Поля диаграммы chma [ Все диаграммы ]

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

Поля по умолчанию — это все, что осталось после расчета размера диаграммы. Это значение по умолчанию зависит от типа диаграммы. Указанные вами поля являются минимальным значением; если в области диаграммы остается место для полей, размер поля будет таким же, как и оставшееся; вы не можете сжимать поля меньше, чем требуется для любых легенд и надписей. Вот диаграмма, показывающая основные части диаграммы:

Поле диаграммы, область легенды и область диаграммы

Поля диаграммы включают метки осей и область легенды . Размер области легенды изменяется автоматически, чтобы точно соответствовать тексту, если вы не укажете большую ширину с помощью chma , и в этом случае размер поля увеличится, сжимая область диаграммы меньше. Вы не можете обрезать легенду, указав слишком маленький размер, но можете заставить ее занимать больше места, чем необходимо.

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

Синтаксис

chma=
  <left_margin>,<right_margin>,<top_margin>,<bottom_margin>|<opt_legend_width>,<opt_legend_height>
< левое_поле >, < правое_поле >, < верхнее_поле >, < нижнее_поле >
Минимальный размер поля вокруг области диаграммы в пикселях. Увеличьте это значение, чтобы включить некоторые отступы, чтобы метки осей не сталкивались с границами диаграммы.
<opt_legend_width> , <opt_legend_height>
[ Необязательно ] Ширина поля вокруг легенды в пикселях. Используйте это, чтобы легенда не сталкивалась с областью диаграммы или краями изображения.

Примеры

Описание Пример

В этом примере диаграмма имеет минимальное поле в 30 пикселей с каждой стороны. Поскольку ширина легенды диаграммы превышает 30 пикселей, поле справа устанавливается на ширину легенды диаграммы и отличается от других полей.

Метки осей находятся за пределами области графика и поэтому рисуются внутри поля.

Line chart with gray background and margins on each side.
chma=30,30,30,30

Чтобы добавить поле вокруг легенды, установите значение для параметров < opt_legend_width > и < opt_legend_height > .

В этом примере ширина легенды составляет примерно 60 пикселей. Если вы установите для < opt_legend_width > значение 80 пикселей, поле расширится до 20 пикселей за пределами легенды.

Line chart with gray background and margins on each side.
chma=20,20,20,30|80,20

Вернуться наверх

Стили и метки осей [ линия, полоса, Google-o-meter, радар, разброс ]

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

Не на всех диаграммах по умолчанию отображаются линии осей. Вы можете точно указать, какие оси должна отображать ваша диаграмма, используя параметр chxt . На линиях оси по умолчанию не отображаются числа; вы должны указать ось в параметре chxt , чтобы отображать числа.

Вы можете выбрать, чтобы на ваших осях отображались числа, отражающие значения данных, или вы можете указать собственные оси. По умолчанию отображаются числовые значения в диапазоне от 0 до 100. Однако вы можете изменить этот диапазон с помощью chxr для отображения любого диапазона, а также стилизовать значения (например, для отображения символов валюты или десятичных знаков) с помощью chxs .

Если вы решите использовать пользовательские значения, например: «Пн, вторник, среда», вы можете использовать параметр chxl . Чтобы разместить эти метки в определенных местах вдоль оси, используйте параметр chxp .

Наконец, вы можете использовать параметры chxs и chxtc для указания цвета, размера, выравнивания и других свойств как пользовательских, так и числовых меток осей.

Примечание о строковых значениях: в строках меток разрешены только символы, безопасные для URL. В целях безопасности вам следует закодировать URL-адресом все строки, содержащие символы, не входящие в набор символов 0-9a-zA-Z . Кодировщик URL-адресов можно найти в документации по визуализации Google .

В этом разделе рассматриваются следующие темы:


Видимые оси chxt

Гистограммы, линейные, лепестковые и точечные диаграммы по умолчанию отображают одну или две оси, но эти линии не содержат значений. Чтобы отобразить значения на линиях осей или изменить отображаемые оси, вы должны использовать параметр chxt . По умолчанию значения осей находятся в диапазоне от 0 до 100, если вы не масштабируете их явно с помощью свойства chxr . Чтобы скрыть все линии осей на линейной диаграмме, укажите :nda после значения типа диаграммы в параметре cht (пример: cht= lc:nda ).

По умолчанию на верхней и нижней осях не отображаются деления значений, а на левой и правой осях они отображаются. Вы можете изменить это поведение с помощью параметра chxs .

Синтаксис

chxt=
  <axis_1>
    ,...,
  <axis_n>
< ось >
Ось для отображения на диаграмме. Доступные оси:
  • x — нижняя ось X
  • t – верхняя ось X [ не поддерживается Google-o-Meter ]
  • y — левая ось Y
  • r — правая ось Y [ не поддерживается Google-o-Meter ]

Вы можете указать несколько осей одного типа, например: cht=x,x,y . Это объединит два набора осей X в нижней части диаграммы. Это полезно при добавлении пользовательских меток вдоль оси, отображающей числовые значения (см. пример ниже). Оси рисуются изнутри наружу, поэтому, если у вас есть x,x , первый x относится к самой внутренней копии, следующий x относится к следующей внешней копии и так далее.

Примеры

Описание Пример

В этом примере показана линейная диаграмма с осями X, Y, верхней осью (t) и правой осью (r).

Поскольку метки не указаны, по умолчанию для диаграммы используется диапазон от 0 до 100 для всех осей.

Обратите внимание, что по умолчанию верхняя и нижняя оси не имеют меток рядом с метками.

Line chart with the labels: 0, 20, 40, 60, 80, and 100 on the left and right and labels: 0, 25, 50, 75, and 100 above and below
chxt=x,y,r,t

Вы можете включить несколько наборов меток для каждой оси, включив одно и то же значение несколько раз. В этом примере показаны два набора осей X и два набора осей Y. Это не особенно полезно при использовании только меток осей по умолчанию, как показано здесь. Но вы можете указать собственные метки для каждой копии каждой оси, используя параметр chxl .

chxt=x,x,y,y


chxt=x,x,y,y
chxl=
1:|Замерзание|Горячо|
3:|Низкий|Высокий

В этом примере показана горизонтальная гистограмма с осью X, осью Y, верхней осью T и правой осью R.

Метки осей опущены, поэтому API диаграмм отображает диапазон от 0 до 100 для оси X и для оси T.

Диапазон по оси Y и по оси R определяется количеством столбцов. В данном случае имеется пять столбцов, поэтому API диаграмм отображает диапазон от 0 до 4. Первая метка располагается по центру основания первого столбца, вторая метка — по центру основания второго столбца и т. д. .

Line chart with the labels: 0, 20, 40, 60, 80, and 100 on the left and right and labels: 0, 25, 50, 75, and 100 above and below
chxt=x,y,r,t

Вы можете отключить оси по умолчанию в линейной диаграмме, указав :nda после типа диаграммы. Line chart with hidden axes
cht=lc:nda

Вернуться наверх

Диапазон оси chxr

Вы можете указать диапазон значений, которые отображаются на каждой оси независимо, используя параметр chxr. Обратите внимание, что это не меняет масштаб элементов диаграммы, а только масштаб меток осей. Если вы хотите, чтобы номера осей описывали фактические значения данных, установите <start_val> и <end_val> в нижнее и верхнее значения диапазона вашего формата данных соответственно. См. «Масштабирование оси» для получения дополнительной информации.

Вы должны сделать ось видимой с помощью параметра chxt если хотите указать ее диапазон.

Чтобы указать значения настраиваемой оси, используйте параметр chxl .

Синтаксис

Разделите диапазоны меток нескольких осей с помощью вертикальной черты ( | ).

chxr=
  <axis_index>,<start_val>,<end_val>,<opt_step>
    |...|
  <axis_index>,<start_val>,<end_val>,<opt_step>
<индекс_оси >
К какой оси применять метки. Это индекс, начинающийся с нуля, в массиве осей, заданном chxt . Например, ось r будет равна 1 в chxt=x,r,y .
< начальное_значение >
Число, определяющее нижнее значение для этой оси.
< конечное_значение >
Число, определяющее максимальное значение для этой оси.
<opt_step>
[ Необязательно ] Шаг отсчета между делениями на оси. Не существует значения шага по умолчанию; шаг рассчитан так, чтобы попытаться показать набор хорошо расположенных меток.

Примеры

Описание Пример

В этом примере показаны левая и правая оси Y ( y и r ) и одна ось X ( x ).

Каждая ось имеет определенный диапазон. Поскольку метки или позиции не указаны, значения берутся из заданного диапазона и равномерно распределяются внутри этого диапазона. На линейном графике значения равномерно распределены по оси X.

Направление оси меняется на противоположное для оси r (индекс 2 ), поскольку первое значение ( 1000 ) больше последнего значения ( 0 ).


chxt=x,y,r
chxr=
0,0,500|
1,0,200|
2,1000,0

В этом примере значения указаны для оси X.

Метки осей равномерно расположены вдоль оси. Для параметра <opt_step> указано значение пять ( 5 ).

Bar chart with 200, 300, and 400 on the x-axis chxt=x
chxr=0,10,50,5

Вернуться наверх

Пользовательские метки осей chxl

Вы можете указать собственные метки строковых осей на любой оси, используя параметр chxl . Вы можете указать столько ярлыков, сколько захотите. Если вы отображаете ось (с помощью параметра chxt ) и не указываете пользовательские метки, будут применены стандартные числовые метки. Чтобы указать пользовательский числовой диапазон, используйте вместо этого параметр chxr .

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

Синтаксис

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

chxl=
  <axis_index>:|<label_1>|...|<label_n>
    |...|
  <axis_index>:|<label_1>|...|<label_n>
<индекс_оси >
К какой оси применять метки. Это индекс в массиве параметров chxt . Например, если у вас есть chxt=x,x,y,y то индекс 0 был бы первой осью x, 1 будет второй оси x.
<babel_1> | ... | <babel_n>
Одна или несколько ярлыков, чтобы поместить вдоль этой оси. Это могут быть значения строки или числа; Строки не должны быть в цитатах. Label_1 отображается в самом низком положении на оси, а Label_n отображается в самом высоком положении. Дополнительные этикетки распределены равномерно между ними. Укажите места с отметкой +. Невозможно указать линейный разрыв на этикетке. Отдельные этикетки с характером трубы. ПРИМЕЧАНИЕ. Не размещайте трубу после окончательной метки в параметре chxl .

Примеры

Описание Пример

На этой диаграмме показано, как добавить пользовательские метки к двум осям. Обратите внимание, как значения равномерно распределены, и как последнее значение chxl не заканчивается трубой.

Line chart with 0 and 100 on the left, A, B, and C on the right, Jan,July, Jan, July, and Jan on the x-axis and 2005, 2006 and 2007 below
chxt=x,y
chxl=
0:|Jan|Feb|March|April|May|
1:|Min|Mid|Max

Этот пример включает в себя метки оси слева и правые оси Y ( y и r ). Он также включает в себя два набора значений для оси x ( x ). Вы можете подумать о добавлении клещей на оси Y, используя chxs .

Line chart with 0 and 100 on the left, A, B, and C on the right, Jan,July, Jan, July, and Jan on the x-axis and 2005, 2006 and 2007 below
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
1:|0|50|100|
2:|A|B|C|
3:|2005|2006|2007

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

В этом примере используются значения по умолчанию для меток оси на левой оси Y.

Bar chart with 0 and 100 on the left, A, B, and C on the right, Jan, July,Jan, July, and Jan on the x-axis and 2005, 2006 and 2007 below
chxt=x,y,r,x
chxl=
0:|Jan|July|Jan|July|Jan|
2:|A|B|C|
3:|2005||2006||2007

Если вы хотите добавить общую метку для описания целой оси (например, чтобы пометить одну ось «стоимость» и другую «Студент»), используйте свойство chxt , чтобы добавить дополнительную ось с каждой стороны, затем используйте chxl , чтобы добавить Одиночная настраиваемая метка с каждой стороны, и chxp , чтобы увидеть его в середине оси.


chxt=x,x,y,y
chxl=1:|Martinis|3:|Score
chxp=1,50|3,50

Вернуться наверх

Метка оси chxp

Вы можете указать, какие этикетки оси следует отображать, будь то использование меток по умолчанию или пользовательские метки, указанные с использованием chxl . Если вы не указали точные позиции, используя этот параметр, этикетки будут разнесены равномерно и при значении шага по умолчанию вдоль осей. Если вы не указываете chxl , то этикетками марки TATE будут значениями по умолчанию (обычно значения данных или номера полос в стержнях).

Синтаксис

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

chxp=
  <axis_1_index>,<label_1_position>,...,<label_n_position>
    |...|
  <axis_m_index>,<label_1_position>,...,<label_n_position>
<axis_index>
Ось, для которой вы указываете позиции. Это индекс в массиве параметров chxt . Например, если у вас есть chxt=x,x,y,y то индекс 0 был бы первой осью x, 1 будет второй оси x и так далее.
<label_1_position> , ..., <label_n_position>
Положение метки вдоль оси. Это разделенный запятой список числовых значений, где каждое значение устанавливает положение соответствующей метки в массиве chxl : первая запись применяется к первой метке и т. Д. Положение является значением в диапазоне для этой оси . Обратите внимание, что это всегда будет 0—100, если вы не указали пользовательский диапазон с использованием chxr . У вас должно быть столько позиций, сколько у вас есть этикетки для этой оси.

Примеры

Описание Пример

Этот пример включает в себя метки оси R в указанных позициях на графике. Текст метки указан с использованием параметра chxl .

Метки с указанным положением 0 расположены в нижней части оси Y- или R или влево от оси X или T.

Метки с указанным положением 100 расположены в верхней части оси Y- или R или справа от оси X или T.

Line chart with min, average, and max on the right, 20, 40, 60, 80, and 100 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y,r
chxl=2:|min|average|max
chxp=2,10,35,75

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

chxp=1,10,35,75 - Ось Y должна показать только три метки: 10, 35 и 75. Поскольку не указан текст настраиваемого метки, эти значения оси показаны. Обратите внимание, что вам не нужно равномерно пространственные метки, когда вы используете chxp . Если бы chxp не было указано здесь, расстояние значения метки по умолчанию по оси Y было бы каждые 20 единиц, как показано на втором графике.

Line chart with 10, 35, and 75 on the left, and 0, 25, 50, 75, and 100 along the x-axis
chxt=x,y
chxp=1,10,35,75

Line chart with default axis positions.
chxt=x,y
chxp не указан

Вернуться наверх

Стили метки оси chxs

Вы можете указать размер шрифта, цвет и выравнивание для меток оси, как пользовательские этикетки, так и значения меток по умолчанию. Все этикетки на одной оси имеют одинаковый формат. Если у вас есть несколько копий оси, вы можете отформатировать каждую из них по -разному. Вы также можете указать формат строки метки, например, показывать символы валюты или нулевые нули.

По умолчанию верхние и нижние оси не показывают знаки клеток по значениям, в то время как левые и правые оси показывают их.

Синтаксис

Значения для нескольких осей должны быть разделены с использованием символа трубы ( | ).

chxs=
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
   |...|
 <axis_index><opt_format_string>,<opt_label_color>,<opt_font_size>,<opt_alignment>,<opt_axis_or_tick>,<opt_tick_color>,<opt_axis_color>
<axis_index>
Ось, к которой это применяется. Это индекс на основе нуля в параметр chxt .
<pt_format_string>
[ Необязательно ] Это необязательная строка формата, которая, если она используется, следует сразу после номера индекса оси без промежуточной запятой. Это начинается с буквальной буквы n, за которой следует следующие значения, все необязательно: Синтаксис форматирования строки выглядит следующим образом:
N< preceding_text >*< number_type >< decimal_places >zs< x or y >*< following_text >
Вот значение каждого элемента:
  • <preceding_text> - буквальный текст, чтобы предшествовать каждому значению.
  • *...* - Дополнительный блок, завернутый в буквальные звездочки, в котором вы можете указать детали форматирования для чисел. Поддерживаются следующие значения, и все это необязательно:
    • <number_type> - формат номера, для числовых значений. Выберите один из следующих:
      • f - [ по умолчанию ] формат плавающей запятой. Рассмотрим также указание точности со значением <decimal_places> .
      • p - процентный формат. Знак % добавляется автоматически. Примечание. При использовании этого формата значения данных от 0,0 - 1,0 карты до 0 - 100% (например, 0,43 будут показаны как 43%).
      • e - Формат научных записей.
      • c< CUR > - форматируйте число в указанной валюте, с соответствующим валютным маркером. Замените < CUR > на код трехбуквенного валюты. Пример: cEUR для евро. Вы можете найти список кодов на веб -сайте ISO , хотя не все символы поддерживаются.
    • <decimal_places> - целое число, указывающее, сколько десятичных мест можно показать. Значение округлено (не усечено) до этой длины. По умолчанию 2.
    • z - Дисплей Тропинг нулей. По умолчанию нет .
    • s - отображение групповых сепараторов. По умолчанию нет .
    • x или y -display данные из x- или y-координата, как указано. Значение X данных варьируется в зависимости от типа диаграммы: экспериментируйте с вашей диаграммой, чтобы определить, что это значит. По умолчанию «y» .
  • < following_text > - буквальный текст, чтобы следовать каждому значению.
<pt_label_color>
Цвет, чтобы применить к тексту оси (но не линии оси), в шестнадцатеричном формате rrggbb . Цвет линии оси определяется отдельно с использованием opt_axis_color . По умолчанию серый.
<pt_font_size>
[ Необязательно ] указывает размер шрифта в пикселях. Этот параметр является необязательным.
<pt_alenment>
[ Необязательно ] Выравнивание метки. Для верхних или нижних оси описывается, как этикетка выравнивается с меткой выше или под ним; Для левых или правых оси описывается, как выравнивается внутри его ограничивающей коробки, которая касается оси. Укажите одно из следующих чисел:
  • -1 - Вверху или внизу : этикетки справа от клещей; Влево или вправо : этикетки в их районе выравниваются. По умолчанию для меток оси R.
  • 0 - сверху или внизу : этикетки центрируются на клещах; Влево или вправо : этикетки сосредоточены в их районе. По умолчанию для метки оси X и T.
  • 1 - Вверху или снизу : этикетки слева от клещей; Влево или вправо : этикетки выровнены правой стороны в их районе. По умолчанию для ярлыков оси Y.
<pt_axis_or_tick>
[ Необязательный; Не поддерживается в Google-O-Meter ], следует ли показывать отметки и/или линии оси для этой оси. Знаки клещей и линии оси доступны только для внутренних оси (например, они не поддерживаются для внешней части двух оси X). Используйте одно из следующих значений:
  • l (нижний регистр 'l') - только линия оси нарисуйте.
  • t - нарисуйте только отметки. Знаки клещей - это маленькие линии рядом с этикетками Axis.
  • lt - [ по умолчанию ] Нарисуйте как линию оси, так и метки для всех лейблов.
  • _ - (подчеркивается) Нарисуйте ни линии оси, ни метки. Если вы хотите скрыть линию оси, используйте это значение.
<icke_color>
[ Необязательный ; Не поддерживается в Google-O-Meter ] Цвет отметок в шестнадцатеричном формате RRGGBB . По умолчанию серый.
<pt_axis_color>
[ Необязательно ] Цвет этой линии оси, в шестнадцатеричном формате rrggbb . По умолчанию серый.

Примеры

Описание Пример

Размер и цвет шрифта указаны для второй оси X (январь, февраль, март).

Line chart with min, average, and max on the left, 0, 1, 2, 3, and 4 on the right, 0 to 100 along the x-axis and Jan, Feb, and Mar in blue below

chxt=x,y,r,x
chxr=2,0,4
chxl=3:|Jan|Feb|Mar|
1:|min|average|max
chxp=1,10,35,75
chxs=3,0000DD,13,0,t

Размер шрифта, цвет и выравнивание указаны для правой оси Y. Знаки клещей, но без оси, нарисованы.

Line chart with 0 to 100 along the x-axis, Jan, Feb, Mar below, 0 to 4 on the y-axis, and red tickmarks with blue text for min, average and max on the right.

chxt=x,y,r,x
chxl=3:|Jan|Feb|Mar|
2:|min|average|max
chxp=2,10,35,95
chxs=2,0000DD,13,-1,t,FF0000

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

  • 0N*e,000000|
    • 0 означает первую серию данных
    • N означает форматирующую строку
    • * означает начало спецификаторов формата
    • e означает научную нотация
    • * означает конец спецификаторов формата
    • 000000 означает черный текст.
  • 1N*cUSD*Mil,FF0000|
    • 1 означает вторую серию
    • N означает форматирующую строку
    • * означает начало спецификаторов формата
    • c означает валютный маркер
    • USD указывает доллар США как валютный маркер для использования
    • * означает конец спецификаторов формата
    • Mil - буквальная следующая строка
    • FF0000 означает красный текст.
  • 2N*sz2*,0000FF
    • 2 означает третью серию
    • N означает форматирующую строку
    • * означает начало спецификаторов формата
    • s означает показать спецификаторы группы (в американском английском локале, это запятая каждые три нуля)
    • z2 означает показать два сцепления
    • 0000FF означает синий текст.

Диапазоны метки оси устанавливаются с использованием параметра chxr ( axis_index , start , end , step ). Если бы не было установлено, они были бы 0—100 по умолчанию.


chd=s:
984sttvuvkQIBLKNCAIi,
DEJPgq0uov17zwopQODS,
AFLPTXaflptx159gsDrn
chxr=
0,0,1000000,250000|
1,0,60|
2,0,5000
chxs=
0N*e,000000|
1N*cUSD*Mil,FF0000|
2N*sz2*,0000FF

Вернуться наверх

Axis Tick Mark Styles chxtc

Вы можете указать длинные отметки для определенных осей. Как правило, это используется для расширения отметки клещей по всей длине диаграммы. Используйте параметр chxs чтобы изменить цвет отметки.

Значения для нескольких осей должны быть разделены с использованием символа трубы ( | ). Значения в серии должны быть разделены запятой.

Синтаксис

chxtc=
  <axis_index_1>,<tick_length_1>,...,<tick_length_n>
    |...|
  <axis_index_m>,<tick_length_1>,...,<tick_length_n>
<axis_index>
Ось, к которой это применяется. Это индекс на основе нуля в параметр chxt . Отдельные значения для разных осей с использованием брусного разделителя.
<icke_length_1> , ..., <tick_length_n>
Длина отметок на этой оси, в пикселях. Если дано одно значение, оно будет применяться ко всем значениям; Если дано более одного значения, отметки оси пройдут через список значений для этой оси. Положительные значения вытягиваются за пределами области графика и обрезаны границами диаграммы. Максимальное положительное значение составляет 25. Отрицательные значения проводятся внутри площади графика и обрезаны границами диаграммы.

Примеры

Описание Пример

Пример использования chxtc для создания длинных красных отметок. Длина отметки клещей здесь превышает ширину площади диаграммы, но обрезана, чтобы помещаться в диаграмму.

  • chxt=x,y,r,x - показывают левую ось, правую ось и две нижние оси.
  • chxl =2:|min|average|max|3:|Jan|Feb|Mar - текст ярлыка, назначенный 'r' (правая сторона) и внешние оси x.
  • chxp =2,10,35,95 - Постоянные позиции метки вдоль оси R (index = 2) для трех меток.
  • chxs=2,0000dd,13,-1,t,FF0000 -Стили метки оси для оси R: цвет текста, размер текста, выровненная левая, с красными отметками.
  • chxtc=1,10|2,-180 длина клещей оси для оси y- и r. Первое значение определяет 10 пиксельных клещей за пределами оси. Второе значение указывает клещей длиной 180 пикселей внутри оси; Отрицательное число означает, что клеща проходит внутрь оси, а клеща обрезается, чтобы помещать в диаграмму.

Line chart with 0 to 100 along the x-axis, Jan, Feb, Mar below, 0 to 4 on the y-axis, and long red tickmarks with blue text for min, average and max on the right.

chxt=x,y,r,x
chxl=
2:|min|average|max|
3:|Jan|Feb|Mar
chxp=2,10,35,95
chxs=
2,0000dd,13,-1,t,FF0000
chxtc=1,10|2,-180

Эта диаграмма демонстрирует чередующуюся длину клещей. chxtc указывает два значения длины клещей для оси Y (5 и 15), а клещи, нарисованные на диаграмме, чередуются между двумя значениями.
chxt=x,y
chxtc=
1,5,15

Вернуться наверх

Фон заполняет chf [ все диаграммы ]

Вы можете указать цвета заполнения и стили для области данных диаграммы и/или всего фона диаграммы. Типы заполнения включают в себя сплошные заполнения, полосатые наполнения и градиенты. Вы можете указать разные заливки для разных областей (например, вся область диаграммы или только область данных). Область диаграммы заполняет перезапись фоновой заполнения. Все заполнения указываются с использованием параметра chf , и вы можете смешивать различные типы заполнения (твердые вещества, полосы, градиенты) в одной и той же диаграмме, разделяя значения с символом трубы (|). Область диаграммы заполняет перезапись фона карты.

Solid Fills chf [ все диаграммы ]

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

Синтаксис

chf=<fill_type>,s,<color>|...
<illy_type>
Часть графика заполнена. Укажите одно из следующих значений:
  • bg - фоновая заполнение
  • c - заполнение области диаграммы. Не поддерживается для карт карт.
  • a - Сделайте всю диаграмму (включая фон) прозрачной. Первые шесть цифр < color > игнорируются, и только последние два (значение прозрачности) применяются ко всей диаграмме и все заполнения.
  • b <index> - сплошные наполнения (только сплоченные диаграммы). Замените <Index> на индекс серии стержней, чтобы заполнить сплошным цветом. Эффект аналогичен указанию chco в батонной диаграмме. См. Цвета серии барных карт для примера.
с
Указывает твердое или прозрачность заполнения.
< цвет >
Цвет заполнения в шестнадцатеричном формате Rrggbb . Для прозрачных пленок первые шесть цифр игнорируются, но все равно должны быть включены.

Примеры

Описание Пример

Этот пример заполняет фон диаграммы бледно -серым ( EFEFEF ).

Red line chart with black area fill.

chf=bg,s,EFEFEF

Этот пример заполняет фон диаграммы бледно -серым ( EFEFEF ) и заполняет область диаграммы в черном ( 000000 ).

Red line chart with black chart area and pale gray background.

chf=c,s,000000|
bg,s,EFEFEF

Этот пример применяет 50% прозрачность ко всему графику (80 в шестнадцатеричном составляет 128, или около 50% прозрачности). Обратите внимание на фон таблицы ячейки, показывающий через диаграмму.

Scatter plot with points in blue, and a 50% transparency.

chf=a,s,00000080

Вернуться наверх

Градиент заполняет chf [ Line, Bar, Google-O-Meter, Radar, Scatter, Venn ]

Вы можете применить одну или несколько градиентных заполнений для диаграммы областей или фонов. Градиентные заливки исчезают от одного цвета к другому цвету. (Пирог, диаграммы Google-O-Meter: только фон.)

Каждое градиентное заполнение указывает угол, а затем два или более цветов, закрепленных на указанном месте. Цвет варьируется, когда он перемещается от одного якоря к другому. У вас должно быть как минимум два цвета с разными значениями <lore_centerpoint> , чтобы один мог исчезнуть в другом. Каждый дополнительный градиент определяется парой <color> , <lolor_centerpoint> .

Синтаксис

chf=<fill_type>,lg,<angle>,<color_1>,<color_centerpoint_1>
    ,...,
  <color_n>,<color_centerpoint_n>
<illy_type>
Площадь графика для заполнения. Одно из следующих:
  • bg - фоновая заполнение
  • c - заполнение области диаграммы.
  • b <index> - заполнение градиента стержня (только барные диаграммы). Замените <Index> на индекс серии стержней, чтобы заполнить градиентом. См. Цвета серии барных карт для примера.
LG
Определяет градиент.
< угла >
Число, указывающее угол градиента от 0 (горизонтальный) до 90 (по вертикали).
< цвет >
Цвет заполнения, в шестнадцатеричном формате rrggbb .
<color_centerpoint>
Указывает точку привязки для цвета. Цвет начнет исчезать с этого момента, когда он приближается к другому якорь. Диапазон значений составляет от 0,0 (нижний или левый край) до 1,0 (верхний или правый край), наклонен под углом, указанным под углом >.

Примеры

Описание Пример

Площадь диаграммы имеет горизонтальный линейный градиент, указанный под углом нулевой градусы ( 0 ).

Цвета представляют собой персик ( FFE7C6 ), центрированные на левой стороне (положение 0.0 ) и синий ( 76A4FB ), центрированные с правой стороны (положение 1.0 ).

Фон диаграммы нарисован в сером ( EFEFEF ).

Dark gray line chart with pale gray background and chart area in a white to blue linear gradient from left to right

chf=
c,lg,0,
FFE7C6,0,
(персик)
76A4FB,1
(синий)

Площадь диаграммы имеет диагональный (нижний левый к верхнему справа) линейный градиент, указанный под углом сорок пять градусов ( 45 ).

PEACH ( FFE7C6 ) - первый показанный цвет. В нижней части левой части диаграммы чистый персик.

Синий ( 6A4FB ) - второй указанный цвет. Вверху правого графика чисто синий. Обратите внимание, как мы указываем смещение 0,75, чтобы обеспечить пик синего, который исчезает к верхнему правому углу.

Фон диаграммы нарисован в сером ( EFEFEF ).

Dark gray line chart with pale gray background and chart area in a white to blue diagonal linear gradient from bottom left to top right

chf=
c,lg,45,
FFE7C6,0,
(персик)
76A4FB,0.75
(синий)

Площадь диаграммы имеет вертикальный (сверху вниз) линейный градиент, указанный под углом девяносто градусов ( 90 ).

Blue ( 76A4FB ) является первым указанным цветом. Верхняя часть диаграммы чисто синий.

Peach ( FFE7C6 ) - второй указанный цвет. Дно диаграммы - чистый персик.

Фон диаграммы нарисован в сером ( EFEFEF ).

Dark gray line chart with pale gray background and chart area in a white to blue vertical linear gradient from bottom to top

chf=
c,lg,90,
FFE7C6,0,
(персик)
76A4FB,0.5
(синий)

Вернуться наверх

Полосы заполняют chf [ Line, Bar, Google-O-Meter, Radar, Scatter, Venn ]

Вы можете указать полосатую фоновую заполнение для области диаграммы или всю диаграмму. (Пирог, диаграммы Google-O-Meter: только фон.)

Синтаксис

chf=
  <fill_type>,ls,<angle>,<color_1>,<width_1>
    ,...,
  <color_n>,<width_n>
<illy_type>
Площадь графика для заполнения. Одно из следующих:
  • bg - фоновая заполнение
  • c - заполнение зоны диаграммы
  • b <index> - полосатые наполнения (только сплоченные диаграммы). Замените <Index> на индекс серии стержней, чтобы заполнить полосами. См. Цвета серии барных карт для примера.
лауреат
Определяет линейную полосовую заполнение.
< угла >
Угол всех полос относительно оси Y. Используйте 0 для вертикальных полос или 90 для горизонтальных полос.
< цвет >
Цвет для этой полосы, в шестнадцатеричном формате rrggbb . Повторите < цвет > и < ширина > для каждой дополнительной полосы. У вас должно быть как минимум две полосы. Полосы чередуются до тех пор, пока диаграмма не будет заполнена.
< ширина >
Ширина этой полосы, от 0 до 1 , где 1 - полная ширина диаграммы. Полосы повторяются до тех пор, пока диаграмма не будет заполнена. Повторите < цвет > и < ширина > для каждой дополнительной полосы. У вас должно быть как минимум две полосы. Полосы чередуются до тех пор, пока диаграмма не будет заполнена.

Примеры

Описание Пример
  • bg,ls,0 -Фоновая полоса заполняется полосами под углом нулевой степени до оси Y (параллельно оси Y). Полосы заполняют фон графика, а также область сюжета.
  • CCCCCC,0.15 - Первая полоса темно -серая, 15% шириной, чем диаграмма.
  • FFFFFF,0.1 - Вторая полоса белая, 10% шириной, чем диаграмма.
Blue line chart with alternating gray and white stripes from left to right
chf=
bg,ls,0,
CCCCCC,0.15,
FFFFFF,0.1
  • c,ls,90 - Область диаграммы с горизонтальными полосами под углом девяносто градусов от оси Y. Полосы заполняют область сюжета, но фон графика опущен.
  • 999999,0.25 - Первая полоса темно -серая, 25% шириной, чем диаграмма.
  • CCCCCC,0.25 - такая же, как первая полоса, но более легкая серая.
  • FFFFFF,0.25 - то же самое, что и первая полоса, но белая.
Blue line chart with a dark gray, pale gray, white and dark gray stripes from bottom to top
chf=
c,ls,90,
999999,0.25,
CCCCCC,0.25,
FFFFFF,0.25

Вернуться наверх

Линия заполняет chm [ Line, Radar ]

Вы можете заполнить область ниже линии данных с твердым цветом.

Вы можете объединить линейные заполнения с любыми другими параметрами chm используя символ трубы ( | ), чтобы разделить параметры chm .

Синтаксис

chm=
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
    |...|
  <b_or_B>,<color>,<start_line_index>,<end_line_index>,<0>
<b_or_b>
Должно ли заполнять дно диаграммы или только к следующей нижней линии.
  • B - Заполните из < start_line_index > до нижней части диаграммы. < end_line_index > поддерживает специальный синтаксис, чтобы позволить вам заполнить сегмент диаграммы. Это проще всего, если у вас есть таблица с одной линией, которую вы хотите заполнить.
  • B - Заполните между двумя линиями в многострочной диаграмме. Начальные и конечные строки указаны < start_line_index > и < end_line_index > .
< цвет >
Шестнадцатеричный номер формата rrggBB .
<start_line_index>
Индекс линии, с которой начинается заполнение. Первая серия данных, указанная в chd имеет индекс нулевого ( 0 ), вторая серия данных имеет индекс 1 и т. Д.
<end_line_index>
  • Заполните тип 'B' - линия, на которой можно остановить заполнение. Эта линия должна быть ниже текущей линии.
  • Заполните тип 'B' - один из следующих вариантов:
    • Любое значение - любое единственное число в этом параметре игнорируется, и заполнение будет перенесено от указанной строки к основанию диаграммы
    • Начало: End - Чтобы заполнить вертикальный срез под диаграммой, укажите начало: end , где это индексы точек данных, описывающие, с чего запустить и остановить заполнение. Оба значения не являются необязательными, и по умолчанию First_point : last_point . (См. Пример ниже.)
<0>
Зарезервировано - должно быть ноль.

Примеры

Описание Пример

Для одной серии проще использовать chm=B . Это заполняет всю область под линией.

Это единственный тип области заполнения, доступный для радиолокационных диаграмм. chm=b не работает с радиолокационными диаграммами.


chm=B,76A4FB,0,0,0

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


chd=s:
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,

chm=
b,224499,0,1,0| (синий)
b,FF0000,1,2,0| (красный)

В многослойной диаграмме, чтобы заполнить из верхней части диаграммы к первой строке, включают серию, которая содержит две копии наивысшего значения данных для формата данных. Так, например, « .... » для расширенного кодирования, « 100,100 » для основного текстового формата и так далее. Заполните из этой серии до самой верхней линии.

Чтобы заполнить из последней строки до нижней части диаграммы, включите серию, которая содержит две копии самого низкого значения данных для формата данных. Так, например, AAAA для расширенного кодирования, 0,0 для основного текстового формата и так далее.

Сами линии нарисованы в черном, используя chco .

Three lines on a chart; chart is shaded in green from bottom to first line, red from first to second line, dark blue from second to third line and pale blue from third line to top of the chart
chd=e:
....,
(самое высокое значение)
cefhjkqwrlgYcfgc,
QSSVXXdkfZUMRTUQ,
HJJMOOUbVPKDHKLH,
AAAA
(нулевое значение)
chm=
b,76A4FB,0,1,0|
(светло-синий)
b,224499,1,2,0| (синий)
b,FF0000,2,3,0| (красный)
b,80C65A,3,4,0 (зеленый)
chco=000000

Вот линейная диаграмма с вертикальными ломтиками заполнения. Это достигается путем указания начала : конец пары для <end_line_index> с линейным типом 'b'.

  • B,76A4FB,0,0:3,0 - синяя вертикальная заполнение под строкой 0, связанная с точками данных 0—3.
  • B,990000,0,7:10,0 - Красная вертикальная заполнение под строкой 0, связанная с точками данных 7—10.
  • B,DEDC06,0,12:,0 - желтая вертикальная заполнение под строкой 0, из точки данных 12 до конца серии.

chm=
B,76A4FB,0,0:3,0|
B,990000,0,7:10,0|
B,DEDC06,0,12:,0

В этом примере показано использование линии на радиолокационной таблице.

Radar chart
chm=
B,FF000080,0,1.0,5.0|
B,FF990080,1,1.0,5.0

Вернуться наверх

Сетка линии chg [ Line, Bar, Radar, Scatter ]

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

Этот параметр не позволяет вам указать толщину или цвет линий. Для получения дополнительных способов создания линий через вашу диаграмму см. Маркеры формы ( chm Type H, H, V или V), маркеры диапазона ( chm ) и метки оси ( chxtc ).

Синтаксис

chg=
  <x_axis_step_size>,<y_axis_step_size>,<opt_dash_length>,<opt_space_length>,<opt_x_offset>,<opt_y_offset>
<x_axis_step_size> , <Y_AXIS_STEP_SIZE>
Используется для расчета, сколько линий сетки X или Y следует показать на графике. 100 / step_size = сколько линий сетки на графике. Итак: 20,25 будет означать 5 линий вертикальной сетки и 4 горизонтальных линии сетки.
<pt_dash_length> , <pt_space_length>
[ Необязательно ] Используется для определения пунктирных линий сетки. Первый параметр - это длина каждой черты линии, в пикселях. Второй параметр - это расстояние между тире, в пикселях. Укажите 0 для <pt_space_length> для сплошной линии. Значения по умолчанию 4,1.
<pt_x_offset> , <pt_y_offset>
[ Необязательно ] Количество единиц, согласно шкале диаграмм, чтобы компенсировать линии сетки X и Y, соответственно. Может быть положительные или отрицательные значения. Если вы указали это значение, вы также должны указать все предыдущие значения. Значения по умолчанию 0,0.

Примеры

Описание Пример

Эти примеры используют только параметры < x_axis_step_size > и < y_axis_step_size > . По умолчанию API диаграмма отображает пунктирную линию сетки.

Line chart with 5 vertical and two horizontal pale gray dashed grid lines
chg=20,50
Line chart with 5 vertical and two horizontal pale gray dashed grid lines
chg=20,50

В этом примере используются более крупные пространства для отображения более легких линий сетки ( 1,5 ).

Line chart with 5 vertical and two horizontal faint, pale gray, dashed grid lines
chg=20,50,1,5

Чтобы отобразить твердую сетку, укажите Zero ( 0 ) для параметра < opt_space_length > .

Эта диаграмма также определяет смещение оси X 10.

Line chart with 5 vertical and two horizontal pale gray, solid grid lines
chg=20,50,1,0,10

Эта диаграмма демонстрирует смещение оси x 10, а ось AY-смещение 20.

Line chart with 5 vertical and two horizontal pale gray, solid grid lines
chg=20,50,3,3,10,20

Вернуться наверх

Динамические маркеры значков chem , линия, радар, рассеяние ]

Создайте свою диаграмму и укажите один или несколько динамических значков в виде значений химии. Синтаксис chem следующим образом. Все полуколонные предметы в Purple являются необязательными, и любой может быть полностью опущен в вашем URL. Вы можете включить несколько маркеров, включив несколько синтаксических струн, разграниченных | характер. Вы можете прочитать больше о динамических значках на странице динамических значков .

Вы также можете встроить диаграмму в другую диаграмму в качестве динамического значка. Смотрите подраздел встроенных диаграмм ниже.

chem=
  y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
|...| y;s=<icon_string_constant>;d=<marker_data_string>;ds=<which_series>;dp=<which_points>;py=<opt_z_order>;po=<x,y>;of=<x_offset,y_offset>
S = <ICON_STRING_CONSTANT>
Константа строкового маркера для динамического значка, со страницы динамического значка . Эта константа почти такая же, как у chst параметр для отдельно стоящих значков. Но где автономная строка значка начинается с «D_», вы должны удалить этот префикс, чтобы получить эквивалентный маркер динамического значка. Пример: отдельно стоящий значок: d_bubble_icon_text_small ; Эквивалентный динамический значок Маркер: bubble_icon_text_small .
d = <marker_data_string>
Данные, необходимые для этого конкретного типа маркера. Это содержит ту же строку, которая будет использоваться в параметре chld для эквивалентного отдельно стоящего значка, за исключением того, что все | Разделители должны быть заменены запятыми (не забудьте использовать запятые вместо маркеров труб для многослойного текста!). Обратите внимание, что в строке данных вы также должны избежать следующих символов с помощью @ mark: pipe (|), at ( @), equals (=), comma (,), semicolon (;). Примеры: hello@,+world , 5@@10+cents+each .
ds = <what_series>
[ Необязательно ] Индекс серии данных на основе нуля, к которому принадлежит этот маркер. Значение по умолчанию 0.
dp = <what_points>
[ Необязательно ] указывает, какие точки данных используются для рисования маркеров. Значение по умолчанию составляет 0 (первая точка в серии) . Используйте один из следующих форматов:
  • nd - какие данные указывают на нарисование маркера, где ND является индексом на основе нуля в серии. Если вы укажете нецелое значение, то дробь указывает на рассчитанную промежуточную точку. Например, 3,5 означает середину между точкой 3 и точкой 4.
  • range,< start >,< end >,< step > - Нарисуйте маркер на каждой шаге точки данных в диапазоне от начала до конца , включительно. Начало и конец являются значениями индекса, и могут быть числа плавающей запятой, чтобы указать промежуточные значения. Все значения необязательны; по умолчанию: start = 0, end = последний элемент, step = 1. Если вы пропустите ценность, вы все равно должны включать промежуточные запятые, но вам не нужно включать пустые запятые в сцеплении. Примеры: dp=range,0,4 рисует маркер по элементам от 0 до 4; dp=range,5,10,2 рисует маркер по элементам 5, 7 и 9; dp=range,2 рисует точки на третьей точке, а затем; dp=range,3,,1.5 рисует маркеры на каждые 1,5 точки данных от четвертого элемента до последнего.
  • all - нарисуйте маркер на каждом элементе. Это эквивалентно range,0, end_index . Пример: dp=all
  • every,n - нарисуйте маркер на каждом маркере . Пример: dp=every,2 рисует маркер на элементах 0, 2 и 4.
py = <z_order>
[ Необязательно ] Слой, на котором будет рисоваться маркер, по сравнению с другими маркерами и всеми остальными элементами диаграммы. Это число с плавающей запятой от -1,0 до 1,0 включительно, где -1,0 — низ, а 1,0 — верх. Элементы диаграммы (линии и стержни) чуть ниже нуля. Если два маркера имеют одинаковое значение, они отображаются в порядке, заданном URL-адресом. Значение по умолчанию — 0,0 (чуть выше элементов диаграммы).
po = < x, y >
[ Необязательно ] абсолютная позиция на графике, на которой можно нарисовать маркер. x и y - два номера с плавающей запятой, где 0,0,0,0 - нижний левый угол, а 1,0,1,0 - верхний правый угол.
of = < x_offset, y_offset >
[ Необязательно ] ряд пикселей, чтобы компенсировать значок из его нормального положения. X_OFFSET и Y_OFFSET являются положительными или отрицательными целыми числами. Важно указать это значение во встроенном динамическом значке, потому что маркер будет центрироваться по вертикали и горизонтально над точкой, что означает, что точка, вероятно, не будет соответствовать маркеру данных. Хорошее смещение для вертикального штифта of=0,22 ; Хорошее смещение для наклонного штифта составляет либо of=-12,20 или of=12,20 в зависимости от направления уклона, но вам, возможно, придется экспериментировать. Значение по умолчанию составляет 0,0.

Примеры

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

Диаграмма 1: https://chart.googleapis.com/chart?chs=300x140&cht=lc&chco=FF9900,224499&
chd=t:75,74,66,30,10,5,3,1&chls=1|1&
chem=y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0&chm=v,ccccFF,0,::.2,2

Диаграмма 2: https://chart.googleapis.com/chart?chst=d_bubble_icon_text_small&chld=ski|bb|Wheeee!|FFFFFF|000000

Line chart with dynamic icon marker.
chem=
y;s=bubble_icon_text_small;d=ski,bb,Wheeee!,FFFFFF;dp=2;ds=0


Same dynamic icon marker as standalone image.


chst=
d_bubble_icon_text_small
chld=
ski|bb|Wheeee!|FFFFFF|000000

Обратите внимание, что динамический маркер значков будет сосредоточен на точке горизонтально и вертикально. Поэтому, если вы используете динамический значок с хвостом, хвост не будет на графике; Маркерный центр будет. Первый график сосредоточен на знаке на точке данных 3, которая фактически ставит хвост немного справа от отметки на линии.

Вторая диаграмма использует of чтобы переместить хвост маркера поверх желаемой точки данных. Хорошее смещение для наклонного штифта составляет -12,20.


chem=y;
s=map_xpin_letter;
d=pin_sleft,A,FF0000;
dp=3;
ds=1



chem=y;
s=map_xpin_letter;
d=pin_sleft,A,FF0000;
dp=3;
ds=1;
of=-12,0

To include multiple dynamic icons, repeat the syntax string, delimited by a | характер.

This example shows a range, as well as two individual markers.

Note how the vertical pins are offset by of 0,22, and the slanted pin has an offset of 12,20 to make the pin points line up with the series that they describe.


chem=
y;s=map_xpin_letter;d=pin_sright,A,FF0000;dp=4;ds=0;py=1;of=12,20|
y;s=map_pin_icon;d=baby,FF5555;ds=1;dp=6;of=0,22|
y;s=map_pin_icon;d=camping,DEF763;ds=2;dp=range,2,5
This demonstrates a multiline text marker. The marker must be offset after adding the text, because the bubble resizes to fit the text, causing it to be re-centered on the chart. Note how newlines in the text are indicated by commas in the d data string.
chem=y;
s=bubble_texts_big;
d=bbbr,FFC6A5,000000,Outlier,Forgot+to+feed;
ds=0;
dp=13;
of=-120,2

Встроенные диаграммы

You can embed one chart inside another using the dynamic icon syntax.

There are two styles of embedded chart markers: embedded charts in a bubble, and embedded charts with no bubble. Here are examples of both:

Bubble-less chart
Chart with bubble
Chart without bubble

Here are the specifics of the s=< icon_string_constant >;d=< marker_data_string > parameters, both for non-bubble and bubble-embedded charts (parameters covered above aren't described again here):

Синтаксис

Non-bubble:
  chem=y;s=ec;d=<alignment_string>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>

Bubble:
  chem=y;s=ecb;d=<frame_type>,<padding>,<frame_color>,<fill_color>,<chart_data>;ds=<which_series>;dp=<which_points>;py=<z_order>;po=<x,y>;of=<x_offset,y_offset>
alignment_string
[ Non-bubble only ] Which part of the bubble-less embedded chart is pinned to the data point. Choose one of the two-letter string constants in the following diagram: Alignment strings
chart_data
The data for the embedded chart. This is everything after https://chart.googleapis.com/chart? in the URL of the chart to embed. Use the tool below, or follow the rules listed below the tool.
frame_type
[ Bubble only ] One of the dynamic icon frame style constants .
прокладка
[ Bubble only ] Padding inside the bubble, in pixels.
frame_color
[ Bubble only ] Color of the frame, as a six-digit HTML color string without the # mark. Example: FF00FF .
Цвет заливки
[ Bubble only ] Bubble fill color, as a six-digit HTML color string without the # mark. Example: FF00FF .

Embedded chart data

Use the following conversion tool to help generate your chart string, or else generate the chart string manually following the rules given after the tool.

Rules for manual conversion

1. First replace all the following characters in the parameter and value pairs with the following values, in the order shown:

Заменять С этим
%7C or %7c
|
@
@@
%
%25
,
@,
|
@|
;
@;
&
%26
"="
%3D

2. Then replace all the & and = values in the parameter1=value1&parameter2=value2... pairs with commas.

Вернуться наверх

Маркеры формы chm [ Пистолет, Линия, Радар, Разброс ]

Вы можете указать графические маркеры для всех или отдельных точек данных на диаграмме. Если два или более маркера занимают одну и ту же точку, маркеры рисуются в том порядке, в котором они указаны в параметре chm . Вы также можете создавать текстовые маркеры для точек данных, которые описаны в разделе «Маркеры точек данных» .

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

Синтаксис

Укажите один набор следующих параметров для каждой серии, которую необходимо пометить. Чтобы отметить несколько серий, создайте дополнительные наборы параметров, разделенные вертикальной чертой. Вам не нужно размечать все серии. Если вы не назначите маркеры ряду данных, он не получит никаких маркеров.

Маркеры формы ведут себя несколько иначе на точечных диаграммах . Дополнительную информацию см. в этой документации.

chm=
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
    |...|
  [@]<marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_offset>
@
[ Необязательно ] Если перед типом маркера стоит необязательный символ @, то < opt_what_points > должен использовать формат x:y .
<тип_маркера>
Тип используемого маркера. Укажите один из следующих типов:
  • a - Стрелка
  • c - Крест
  • C – Прямоугольник. Если это прямоугольный маркер, у вас должно быть как минимум две серии данных, где серия 0 указывает нижний край, а серия 1 — верхний край. < размер > определяет ширину прямоугольника в пикселях.
  • d - Алмаз
  • E - Маркер полосы ошибок ( ) Для создания этого маркера требуется два ряда данных: одно значение для нижнего уровня и соответствующая точка во втором ряду для верхнего. Он также предоставляет расширенный синтаксис <size> : line_thickness [: top_and_bottom_width ], где top_and_bottom_width является необязательным. См. примеры ниже.
  • h — горизонтальная линия на диаграмме на указанной высоте. ( Единственный допустимый формат для параметра <opt_that_points>nd . )
  • H — Горизонтальная линия, проходящая через указанный маркер данных. Поддерживается расширенный синтаксис <size> , который позволяет указать точную длину линии: line_thickness [: length ] где : length не является обязательным и по умолчанию соответствует полной ширине области диаграммы.
  • o - Круг
  • s - Квадрат
  • v — Вертикальная линия от оси X до точки данных.
  • V – Вертикальная линия регулируемой длины. Это поддерживает расширенный синтаксис значения <size> , который позволяет указать точную длину линии: line_thickness [: length ] где : length не является обязательным и по умолчанию соответствует полной высоте области диаграммы. Маркер располагается в центре точки данных.
  • x - Ан Х
< цвет >
Цвет маркеров для этой серии в шестнадцатеричном формате RRGGBB .
< индекс_серии >
Отсчитываемый от нуля индекс ряда данных, на котором будут рисоваться маркеры. Игнорируется для маркеров h и маркеров, которые указывают местоположение по положению x/y (начинаются с символа @). Вы можете использовать скрытые ряды данных в качестве источника маркеров; дополнительную информацию см. в разделе «Составные диаграммы» . Сгруппированные вертикальные гистограммы поддерживают специальный расширенный синтаксис для выравнивания маркеров по определенным столбцам.
< opt_what_points >
[ Необязательно ] На каких точках рисовать маркеры. По умолчанию — все маркеры. Используйте одно из следующих значений:
  • nd — Где нарисовать маркер. Значение зависит от типа маркера:
    • Все типы, кроме h — на какой точке данных рисовать маркер, где nd — это индекс в серии, отсчитываемый от нуля. Если вы укажете нецелое значение, то дробь указывает на рассчитанную промежуточную точку. Например, 3,5 означает середину между точкой 3 и точкой 4.
    • h — число от 0,0 до 1,0, где 0,0 — низ диаграммы, а 1,0 — верх диаграммы.
  • -1 — Нарисуйте маркер на всех точках данных. Вы также можете оставить этот параметр пустым, чтобы использовать все точки данных.
  • - n - Нарисовать маркер на каждой n -й точке данных. Значение с плавающей запятой; если n меньше 1, график рассчитает для вас дополнительные промежуточные точки. Например, при значении -0,5 маркеров будет в два раза больше, чем точек данных.
  • start:end:n — рисует маркер на каждой n -й точке данных в диапазоне, от начального до конечного значения индекса включительно. Все параметры являются необязательными (могут отсутствовать), поэтому 3::1 будет от четвертого элемента до последнего, шаг 1, а полный пропуск этого параметра по умолчанию будет равен first : last :1. Все значения могут быть числами с плавающей запятой. начало и конец могут быть отрицательными, чтобы вести отсчет в обратном направлении от последнего значения. Если и начало , и конец отрицательны, убедитесь, что они указаны в возрастающем значении (например, -6:-1:1). Если значение шага n меньше 1, дополнительные точки данных будут рассчитаны путем интерполяции заданных значений данных. Значения по умолчанию: первый:последний:1.
  • x : y — Нарисуйте маркер в определенной точке x/y на графике. Эта точка не обязательно должна находиться на прямой. Чтобы использовать эту опцию, добавьте символ @ перед типом маркера. Укажите координаты в виде значений с плавающей запятой, где 0:0 — левый нижний угол диаграммы, а 1:1 — правый верхний угол диаграммы. Например, чтобы добавить красный ромб размером 15 пикселей в центр диаграммы, используйте @d,FF0000,0,0.5:0.5,15 .
< размер >
Размер маркера в пикселях. Большинство из них принимают для этого параметра одно числовое значение; Маркеры V, H и S поддерживают синтаксис < size >[: width ], где необязательная вторая часть указывает длину строки или маркера.
< opt_z_order >
[ Необязательно ] Слой, на котором будет рисоваться маркер, по сравнению с другими маркерами и всеми остальными элементами диаграммы. Это число с плавающей запятой от -1,0 до 1,0 включительно, где -1,0 — низ, а 1,0 — верх. Элементы диаграммы (линии и столбцы) чуть ниже нуля. Если два маркера имеют одинаковое значение, они отображаются в порядке, заданном URL-адресом. Значение по умолчанию — 0,0 (чуть выше элементов диаграммы).
<opt_offset>
[ Необязательно ] Позволяет указать горизонтальное и вертикальное смещение от указанного местоположения. Вот синтаксис, в котором используется : разделитель: reserved :< horizontal_offset >:< vertical_offset > . Если указано, вы можете включить пустое значение в строку параметра chm для <opt_z_order> . Примеры: o,FF9900,0,4,12,, :10 o,FF9900,0,4,12.0,, :-10:20 o,FF9900,0,4,12,1, ::20
  • зарезервировано – оставьте пустым.
  • < horizontal_offset > — положительное или отрицательное число, определяющее горизонтальное смещение в пикселях. Необязательный; оставьте пустым, если не используется.
  • < vertical_offset > — положительное или отрицательное число, определяющее вертикальное смещение в пикселях. Необязательный; оставьте пустым, если не используется.

Примеры

Описание Пример

Вот пример нескольких маркеров формы и линий.

  • a,990066,0,0.0,9.0 — Фиолетовая стрелка, первая серия, первая точка, размер 9.
  • c,FF0000,0,1.0,20.0 — Красный крест, первая серия, вторая точка, размер 9.
  • d,80C65A,0,2,20.0 - Зеленый ромб, первая серия, третья точка, размер 9.
  • H,000000,0,3,1:40 — черная горизонтальная линия, первая серия, точка данных 3, ширина один пиксель, длина сорок пикселей.
  • o,FF9900,0,4.0,12.0 — Оранжевый кружок, первая серия, пятая точка, размер 12.
  • s,3399CC,0,5.0,11.0 — Синий квадрат, первый ряд, шестая точка, размер 11.
  • v,BBCCED,0,6.0,1.0 — Вертикальная линия до точки, первая серия, седьмая точка, ширина в один пиксель.
  • V,3399CC,0,7.0,1.0 — Вертикальная линия снизу вверх диаграммы, первая серия, восьмая точка, ширина в один пиксель.
  • x,FFCC33,0,8.0,20.0 — желтый «X», первая серия, девятая точка, размер 20.
  • H,FFFF00,0,9,2 — горизонтальная желтая линия шириной диаграммы в точке данных 9.
  • h,FF0000,0,0.5,1 — красная горизонтальная линия на заданной высоте, первая серия, посередине диаграммы, шириной в один пиксель.
Line chart with markers
chm=
a,990066,0,0.0,9.0|
c,FF0000,0,1.0,20|
d,80C65A,0,2.0,20.0|
H,000000,0,3,1:40|
o,FF9900,0,4.0,12.0|
s,3399CC,0,5.0,11.0|
v,BBCCED,0,6,1.0|
V,3399CC,0,7,1.0|
x,FFCC33,0,8,20|
H,FFFF00,0,9,2|
h,FF0000,0,0.5,1

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

Если два или более маркера занимают одну и ту же точку, маркеры рисуются в том порядке, в котором они указаны в параметре chm . Здесь круг — это первый маркер, указанный с помощью chm , поэтому он рисуется первым. Ромб указывается и рисуется вторым, в результате чего он рисуется поверх круга.

Line chart, one line has 15 pixel circles on each data point the other line has 10 pixel diamonds. A diamond is drawn on the point that is common to both lines
chm=
o,FF9900,0,-1,15.0|
d,FF0000,1,-1,10.0

Вот линейный график с маркером на каждой второй точке данных (-2 означает каждую вторую точку).

Line chart with marker on every second point
chd=t:
0,20,20,50,40,70,70,90,85,45,40,50
chm=
o,0066FF,0,-2,6
Вот линейный график, на котором маркеров в два раза больше, чем точек данных (-0,5 означает каждую половину точки). Line chart with marker on every second point
chd=t:
0,20,20,50,40,70,70,90,85,45,40,50
chm=
o,0066FF,0,-.5,6
В этом примере показано, как использовать маркеры h и v для создания линий сетки произвольного цвета и толщины. Значение z-порядка (последнее значение) устанавливается равным -1, чтобы линии сетки рисовались под линией данных.
Line chart with marker on every second point
chm=
h,76A4FB,0,0:1:.2,2,-1|
V,76A4FB,0,::2,0.5,-1

На этой диаграмме к линейному графику добавляются вертикальные линии заливки:

  • v - Вертикальные линии на графике
  • FF0000 — Красные линии
  • 0 — индекс серии
  • : :.5 — Спецификатор диапазона: от начала до конца, каждые 0,5 пункта.
  • 2 - Толщина 2 пикселя.
Line chart with marker on every second point
chm=
v,FF0000,0,::.5,2
В этом примере на диаграмму добавляется стрелка и текстовый маркер с использованием точных координат. Первый маркер D — это линия трассировки под столбиками. Второй маркер — это стрелка, а третий маркер — текст стрелки.
chm=
D,003971,1,0,3|
@a,000000,0,.25:.75,7|
@tExpected,000000,0,.35:.85,10
Горизонтальная линия, привязанная к определенной точке данных ( H ), может быть полезна для отображения относительных значений или выделения высоты значения данных на диаграмме.
chm=H,FF0000,0,18,1

На этом графике показаны маркеры, которые могут указывать толщину и длину линии в параметре <size> .

  • E,000000,0,6,1:20 — черная полоса ошибок с линиями шириной 1 пиксель, верхней и нижней полосами длиной 20 пикселей. Низ привязан к серии 0 точка 8, верх привязан к серии 1 точка 8.
  • H,990066,1,2,5:50 — фиолетовая горизонтальная линия шириной пять пикселей и длиной пятьдесят пикселей с центром в точке данных 2.
  • V,3399CC,0,8,3:50 — синяя вертикальная линия шириной 3 пикселя и длиной пятьдесят пикселей, с центром в точке данных 8.
title="cht=lc&chd=s:2gounjqLaCf,jqLaCf2goun&chco=008000,00008033&chls=2.0,4.0,1.0&chs=250x150&chm=H,990066,1,2,5:50%7CV,3399CC,0,8,3:50% 7CE,000000,0,6,1:20" src="/chart/image/images/chart_95.png" />
chm=
E,000000,0,6,1:20|
H,990066,1,2,5:50|
V,3399CC,0,8,3:50

Вернуться наверх

Text and Data Value Markers chm [ Bar, Line, Radar, Scatter ]

You can label specific points on your chart with custom text, or with formatted versions of the data at that point.

You can combine any chm markers using a pipe character ( | ) to separate the chm parameter sets.

A note on string values: Only URL-safe characters are permitted in label strings. To be safe, you should URL-encode any strings containing characters not in the character set 0-9a-zA-Z . You can find a URL encoder in the Google Visualization Documentation .

Синтаксис

Укажите один набор следующих параметров для каждой серии, которую необходимо пометить. Чтобы отметить несколько серий, создайте дополнительные наборы параметров, разделенные вертикальной чертой. Вам не нужно размечать все серии. Если вы не назначите маркеры ряду данных, он не получит никаких маркеров.

chm=
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
    |...|
  <marker_type>,<color>,<series_index>,<opt_which_points>,<size>,<opt_z_order>,<opt_placement>
<тип_маркера>
Тип используемого маркера. You can choose from the following types:
  • f<text> - A flag containing text. Specify the character 'f', followed by custom URL-encoded text. To escape commas in text markers, precede the comma by a \ mark. Example: fHello\,+World!
  • t<text> - A simple text marker. Specify the character 't' followed by custom URL-encoded text. To escape commas in text markers, precede the comma by a \ mark. Example: tHello\,+World!
  • A< text > - An annotation marker. This is similar to a flag marker, but markers will coordinate their position so that they do not overlap. The only valid format for < opt_which_points > is nd , to signify the index of a point in the series.
  • N< formatting_string > - The value of the data at this point, with optional formatting. If you do not use the chds parameter (custom scaling) it gives the exact encoded value; if you do use that parameter with any format type the value will be scaled to the range that you specify. See an example of chds with numeric markers below. With this marker type in a stacked bar chart , if you specify -1 for < series_index > you will get a marker that shows the sum of all values in this stacked bar. The formatting string syntax is as follows:
    < preceding_text >*< number_type >< decimal_places >zs< x or y >*< following_text > .
    All of these elements are optional. Here is the meaning of each element:
    • <preceding_text> - Text to precede each value.
    • *...* - An optional block wrapped in literal asterisks, in which you can specify formatting details for numbers. The following values are supported, and are all optional:
      • <number_type> - The number format, for numeric values. Choose one of the following:
        • f - [ Default ] Floating point format. Consider specifying precision as well with the < decimal_places > value.
        • p - Percentage format. A % sign is appended automatically. Note: When using this format, data values from 0.0 — 1.0 map to 0 — 100% (for example, 0.43 will be shown as 43%).
        • e - Scientific notation format.
        • c< CUR > - Format the number in the currency specified, with the appropriate currency marker. Replace < CUR > with a three-letter currency code. Example: cEUR for Euros. You can find a list of codes on the ISO web site , although not all symbols are supported.
      • <decimal_places> - An integer specifying how many decimal places to show. The value is rounded (not truncated) to this length. Default is 2.
      • z - Display trailing zeros. Default is no .
      • s - Display group separators. Default is no .
      • x or y -Display the data from the x- or y-coordinate, as specified. The meaning of x data varies by chart type: experiment with your chart to determine what it means. Default is 'y' .
    • < following_text > - Text to follow each value.
< цвет >
The color of the markers for this set, in RRGGBB hexadecimal format .
< индекс_серии >
Отсчитываемый от нуля индекс ряда данных, на котором будут рисоваться маркеры. If this is a stacked bar chart and the marker type is N (data point values), you can specify -1 to create a summed value marker for each stack of bars. See below for an example.
< opt_what_points >
[ Необязательно ] На каких точках рисовать маркеры. По умолчанию — все маркеры. Используйте одно из следующих значений:
  • nd - Which data point to draw the marker on, where nd is the zero-based index in the series. Если вы укажете нецелое значение, то дробь указывает на рассчитанную промежуточную точку. Например, 3,5 означает середину между точкой 3 и точкой 4.
  • -1 — Нарисуйте маркер на всех точках данных. Вы также можете оставить этот параметр пустым, чтобы использовать все точки данных.
  • -n - Draw a marker on every n -th data point.
  • start : end : n - Draw a marker on every n -th data point in a range, from start to end index values, inclusive. Все параметры являются необязательными (могут отсутствовать), поэтому 3::1 будет от четвертого элемента до последнего, шаг 1, а полный пропуск этого параметра по умолчанию будет равен first : last :1. Все значения могут быть числами с плавающей запятой. начало и конец могут быть отрицательными, чтобы вести отсчет в обратном направлении от последнего значения. Если и начало , и конец отрицательны, убедитесь, что они указаны в возрастающем значении (например, -6:-1:1). Если значение шага n меньше 1, дополнительные точки данных будут рассчитаны путем интерполяции заданных значений данных. Значения по умолчанию: первый:последний:1.
  • x : y - [ Not supported for N-type markers ] Draw a marker at a specific x/y point on the chart. Эта точка не обязательно должна находиться на прямой. Add the at character ( @ ) before the marker type to use this option. Specify the coordinates as floating point values, where 0:0 is the bottom left corner of the chart, 0.5:0.5 is the center of the chart, and 1:1 is the top right corner of the chart. Например, чтобы добавить красный ромб размером 15 пикселей в центр диаграммы, используйте @d,FF0000,0,0.5:0.5,15 .
< размер >
The size of the marker in pixels. If this is a scatter chart with a third data series (used to specify point sizes), this value will be scaled by the data range. So if the data range is 0—100 and < size > is 30, a data value of 100 would be 30 pixels wide, a data value of 50 would be 15 pixels wide, and so on.
< opt_z_order >
[ Необязательно ] Слой, на котором будет рисоваться маркер, по сравнению с другими маркерами и всеми остальными элементами диаграммы. Это число с плавающей запятой от -1,0 до 1,0 включительно, где -1,0 — низ, а 1,0 — верх. Элементы диаграммы (линии и столбцы) чуть ниже нуля. Если два маркера имеют одинаковое значение, они отображаются в порядке, заданном URL-адресом. Значение по умолчанию — 0,0 (чуть выше элементов диаграммы).
< opt_placement >
[ Optional ] Additional placement details describing where to put this marker, in relation to the data point. You can specify horizontal and/or vertical relative positioning, as well as offsets. Placement syntax is a string with : delimiters as shown here. All elements are optional: < horizontal_and_vertical_justification >:< horizontal_offset >:< vertical_offset > . Если указано, вы можете включить пустое значение в строку параметра chm для <opt_z_order> . Examples: N,000000,0,1,10,,b and N,000000,0,1,10,,lv and N,000000,0,1,10,,r::10 .
horizontal_and_vertical_justification
The anchor point of the marker. This behaves opposite to justification, so a left anchor actually puts the marker to the right of the data point. You can choose a horizontal and/or vertical justifier from the following list:
  • Horizontal placement : 'l', 'h', or 'r' - Left, center, or right-anchored, horizontally. Default is 'l'.
  • Vertical placement : 'b', 'v', 't' - Bottom, middle, or top-anchored, vertically. Default is 'b'.
  • Bar-relative placement [ Bar charts only] : 's', 'c', 'e' - Base, center, or top of a bar. For stacked charts, this is relative to the section of the bar for each series, not for the whole bar. If the series index given is -1 (stack total) it is in relation to the whole bar. This can be combined with vertical placement values: for example, 'be' or 'vs'. Default value is 'e'.
horizontal_offset
A horizontal offset for this marker, in pixels. Default is 0.
vertical_offset
A vertical offset for this marker, in pixels. Non-bar chart default: 15; bar chart chart default: 2 .

Описание Пример

Here's an example of value labels on a bar chart.

The first chart ( N*p0* ) specifies a data value marker, with values shown as a percentage, rounded to zero decimal places, in black, on all values, in 11-point text. Note that the data values are all between 0.0 and 1.0, which, in percentage format, are moved up two decimal places.

The second chart ( N*cEUR1* ) shows the same values formatted as Euro values, one decimal place, in black, on all values, in 11-point text.

Bar chart with percentage labels above each bar
chm=
N*p0*,000000,0,-1,11
chd=t:
0.4356,0.3562,0.4834,0.575,0.673,0.6091


Bar chart with Euro labels above each bar


chm=
N*cEUR1*,000000,0,-1,11

You can use the chds parameter to scale the numeric value displayed. You can use chds for all data formats, including simple and extended encoding. This will not affect the bar size or the axis labels, but only the data marker value.

This example shows a chart with simple-encoded values of 46, 39, 29, 30, 43, 41. Simple encoding range is 0—61 . The chds parameter defines a custom marker scale of 0—1, so marker values are scaled to this range, but the bar heights are not affected (if this were text format data , the bars would be scaled as well).


chd=s:underp
chm=N,000000,0,-1,11
chds=0,1

Here's an example of a chart with a text label at the minimum point and a flag label at the maximum point.

Line chart with 10pt blue text label, and flag with 15pt red text, drawn on the data points of a dashed green line.
chm=
tMin,0000FF,0,1,10|
fMax,FF0000,0,3,15

This example shows a stacked chart with values for individual series, plus the series total. To show the stacked series values, we must use the 'c' positioning option; if we did not, the top bar value would overlap the sum value at the top of each bar.
chm=
N,FF0000,-1,,12|
N,000000,0,,12,,c|
N,000000,1,,12,,c|
N,ffffff,2,,12,,c
Some more demonstrations of how vertical and horizontal placement work. This example demonstrates various combinations of anchor values for bar charts (which use s, c,and e for vertical placement). Note how a right anchor moves a marker left, and a top anchor moves a marker down, and vice-versa. The red dots show the base, center, and top of each bar. The number is the data value, fixed using different anchor values for each bar.
chm=
N,000000,0,0,10,,rs
N,000000,0,1,10,,ls
N,000000,0,2,10,,c
N,000000,0,3,10,,e
N,000000,0,4,10,,e::15
N,000000,0,5,10,,e::-12
Annotation markers automatically adjust the label position so that they don't overlap. The first chm value is for the line fill, the following values are all annotation markers.
chm=B,C5D4B5BB,0,0,0
AA,666666,0,3,15
AB,666666,0,5,15
AC,666666,0,24,15
AD,666666,0,25,15
AE,666666,0,26,15
AF,666666,0,51,15
AG,666666,0,60,15
AH,666666,0,73,15
AI,666666,0,80,15
AJ,666666,0,99,15
Another annotation marker example demonstrating city altitudes in Switzerland.

Вернуться наверх

Range Markers chm [ Bar, Candlestick, Line, Radar, Scatter ]

You can color horizontal or vertical bands of background fill to highlight specific areas of a chart.

You can combine any chm markers using a pipe character ( | ) to separate the chm parameter sets.

Синтаксис

Specify one set of the following parameters for each band to draw. To draw multiple bands, create additional parameter sets, delimited by a pipe character. Ranges are drawn in the order specified, so the last range drawn will be drawn on top of previous ranges.

chm=
  <direction>,<color>,0,<start_point>,<end_point>
    |...|
  <direction>,<color>,0,<start_point>,<end_point>
<direction>
Specifies horizontal or vertical shading. Use r for a horizontal range and R for a vertical range.
< цвет >
The range color as an RRGGBB format hexadecimal number .
0
Reserved — must be zero.
< start_point >
The start position of the range.
  • For horizontal range markers, this is a position on the y-axis, where 0.00 is the bottom of the chart, and 1.00 is the top of the chart.
  • For vertical range markers, this is a position on the x-axis, where 0.00 is the left of the chart, and 1.00 is the right of the chart.
< end_point >
The end position of the range.
  • For horizontal range markers, this is a position on the y-axis, where 0.00 is the bottom of the chart, and 1.00 is the top of the chart.
  • For vertical range markers, this is a position on the x-axis, where 0.00 is the left of the chart, and 1.00 is the right of the chart.

Примеры

Описание Пример

Range markers can be a thin line or a band of color.

  • r,E5ECF9,0,0.75,0.25 - Range marker, pale blue, (reserved), 0.5 of the height of the chart.
  • r,000000,0,0.1,0.11 - Range marker, black, (reserved), starts at 0.1 of the way up the y-axis and ends at 0.11 of the way up the y-axis (a thin black line).
Line chart with a pale blue horizontal band stretching from 25 percent to 75 percent of the way up the y-axis and a thin horizontal line ten percent of the way up the y-axis
chm=
r,E5ECF9,0,0.75,0.25|
r,000000,0,0.1,0.11

This example shows the vertical range markers. The first marker is a red line ( FF0000 ), and the second is a pale blue band ( A0BAE9 ).

Line chart with a pale blue vertical band stretching from 25 percent to 75 percent of the way along the x-axis and a thin vertical line ten percent of the way along the x-axis
chm=
R,FF0000,0,0.1,0.11|
R,A0BAE9,0,0.75,0.25

Markers are drawn in the order specified. In this example, you can see that the vertical red marker was drawn before the pale blue horizontal marker.

Line chart with a blue vertical band and paler blue horizontal band stretching from 25 percent to 75 percent of the way along the x and y-axis respectively. Thin vertical red line and thin horizontal black line ten percent of the way along the x and y-axis respectively
chm=
R,FF0000,0,0.1,0.11|
R,A0BAE9,0,0.75,0.25|
r,E5ECF9,0,0.75,0.25|
r,000000,0,0.1,0.11

Here's an example of a line chart that uses range markers to draw faint horizontal lines across the chart at the zero line, midpoint line, and top.

Sparkline with single yellow line and three equally spaced horizontal lines
chm=
r,000000,0,0.499,0.501|
r,000000,0,0.998,1.0|
r,000000,0,0.0,0.002

Вернуться наверх

Маркеры свечей chm=F [ Bar, Line ]

Маркеры свечей указывают на дисперсию и изменение направления в ряду данных. Often they are used to show stock values during the course of a day. Маркер включает в себя сегменты, показывающие максимальное и минимальное значения, а также значения открытия и закрытия за определенный период времени (обычно день). Подробнее о свечных маркерах смотрите здесь .

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

  • Ряды 1 и 4 определяют нижнюю и верхнюю часть вертикальной линии соответственно. Обычно они представляют собой минимальное и максимальное значения за день.
  • Ряды 2 и 3 определяют вертикальные границы прямоугольника. Серия 2 — это значение открытия, а серия 3 — значение закрытия. Цвет прямоугольника зависит от того, что выше: когда значение открытия (серия 2) ниже значения закрытия (серия 3), цена выросла, и прямоугольник по умолчанию заполняется сплошным зеленым цветом; когда значение открытия (серия 2) выше значения закрытия (серия 3), цена снижается, и прямоугольник по умолчанию заполняется сплошным красным цветом. Для прямоугольника можно указать только цвет заливки с уменьшающимся значением. Когда вы это укажете, прямоугольник с увеличивающимся значением будет незаполненным (пустым). Обратите внимание, что серия 2 может быть либо верхней, либо нижней частью прямоугольника, в зависимости от того, выросла или упала цена.

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

Примечание. Если вы не хотите, чтобы строки данных, используемые для рисования маркеров, отображались на диаграмме, необходимо добавить 0 после типа формата. Например: chd=t0:10,20,30,40 в строке данных текстового формата. Дополнительную информацию см. в разделе «Составные диаграммы» .

Вот пример, показывающий строки для каждой серии:

Синтаксис

chm=
  F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
Ф
Indicates that this is a candlestick marker.
<pt_declining_color>
[ Необязательно ] Заполните цвет для прямоугольников при уменьшении значения (когда значение серии 2> Соответствующее значение серии 3). Это шестнадцатеричный номер формата RRGGBB . Когда значения увеличатся, прямоугольник будет пустым. По умолчанию является твердое зеленое для увеличения, сплошной красный для уменьшения (вы не можете указать пользовательский цвет заполнения для увеличения значений).
<data_series_index>
Индекс серии данных для использования в качестве первой серии для ваших маркеров подсвечника. Это индекс на основе нуля. Итак, если вы указали 1 здесь, и у вас есть шесть серий, вторая, третья, четвертая и пятая будут использованы для рисования маркеров подсвечника.
<OPT_WHICH_POINTS>
[ Необязательно ] указывает, какие точки данных используются для рисования маркеров. По умолчанию — все маркеры. Используйте один из следующих форматов:
  • nd - Нарисуйте маркер в одной точке в серии, где ND является индексом точки в серии. Если вы укажете нецелое значение, то дробь указывает на рассчитанную промежуточную точку. Например, 3,5 означает середину между точкой 3 и точкой 4.
  • -1 — Нарисуйте маркер на всех точках данных. Вы также можете оставить этот параметр пустым, чтобы нарисовать все маркеры.
  • - n - Нарисовать маркер на каждой n -й точке данных.
  • start:end:n — рисует маркер на каждой n -й точке данных в диапазоне, от начального до конечного значения индекса включительно. Все параметры являются необязательными (могут отсутствовать), поэтому 3::1 будет от четвертого элемента до последнего, шаг 1, а полный пропуск этого параметра по умолчанию будет равен first : last :1. Все значения могут быть числами с плавающей запятой. начало и конец могут быть отрицательными, чтобы вести отсчет в обратном направлении от последнего значения. Если и начало , и конец отрицательны, убедитесь, что они указаны в возрастающем значении (например, -6:-1:1). Если значение шага n меньше 1, дополнительные точки данных будут рассчитаны путем интерполяции заданных значений данных. Значения по умолчанию: первый:последний:1.
<ширина>
Ширина всех прямоугольников, в пикселях.
<pt_z_order>
[ Необязательно ] Слой, на котором будет рисоваться маркер, по сравнению с другими маркерами и всеми остальными элементами диаграммы. Это число с плавающей запятой от -1,0 до 1,0 включительно, где -1,0 — низ, а 1,0 — верх. Элементы диаграммы (линии и столбцы) чуть ниже нуля. Если два маркера имеют одинаковое значение, они отображаются в порядке, заданном URL-адресом. Значение по умолчанию — 0,0 (чуть выше элементов диаграммы).

Примеры

Описание Пример

Вот пример маркеров подсвечника на линейной диаграмме с четырьмя сериями. Указан пользовательский цвет 0000FF (синий), и этот цвет используется для заполнения прямоугольников, когда точка в серии 3 меньше, чем эквивалентная точка в серии 2.

Первый и последний прямоугольник обрезается диаграммой. Чтобы устранить эти значения, вы можете указать 1: 4 для четвертого параметра CHM.

Обратите внимание на ноль в строке данных, чтобы скрыть строки для серии: chd=t0 . Это указывает на то, что все данные диаграммы должны использоваться для маркеров.

Параметр <what_point> является пустым, который привлекает подсвечники на всех точках данных.

Line chart with four orange lines and four financial markers

chd=t0:
0, 5,10, 7,12, 6|
35,25,45,47,24,46|
15,40,30,27,39,54|
70,55,63,59,80,60
chm=F,0000FF,0,,20

Вот пример того же диаграммы, используя цвета по умолчанию и удаление первого и последнего элемента.

Это составная диаграмма: это комбинация линейной диаграммы (тип базовой диаграммы) и маркеров подсвечника. Значение 1 в cht=t:1 означает, что все серии данных после первого должны быть скрыты от основного типа диаграммы (линейная диаграмма). Первый 1 в chm=F,, 1 ,1:4,20 означает, что данные Candlestick поступают из серии 2, 3, 4 и 5 (1 на основе нуля). См. Составные диаграммы для получения дополнительной информации о том, как нарисовать такую ​​составную диаграмму.

Line chart with one orange line and four financial markers.
cht=lc
chm=
F,,1,1:4,20

chd=t1:
15,40,30,27,39,54|
...

Вернуться наверх

Линейные маркеры chm=D [ Бар, Свеча, Линия, Радар, Разброс ]

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

Чтобы добавить несколько строк (или объединить их с другими маркерами chm ), разделите наборы параметров chm с помощью разделителя вертикальной черты ( | ). С помощью этого параметра нельзя создать маркер пунктирной линии.

Синтаксис

chm=
  D,<color>,<series_index>,<which_points>,<width>,<opt_z_order>
Д
Указывает, что это линейный маркер.
< цвет >
Цвет линии в шестнадцатеричном формате RRGGBB .
< индекс_серии >
Индекс ряда данных, используемый для рисования линии. Индекс серии данных равен 0 для первой серии данных, 1 для второй серии данных и т. д.
< какие_точки >
Какие точки в серии использовать, чтобы провести линию. Используйте одно из следующих значений:
  • 0 — использовать все точки серии.
  • start:end — использовать определенный диапазон точек в серии, от начала до конца включительно (индекс отсчитывается от нуля). Вы также можете использовать значения с плавающей запятой для указания промежуточных точек или оставить начало или конец пустыми, чтобы указать первую или последнюю точку данных соответственно. начало и конец могут быть отрицательными, как обратный индекс от последнего значения. Если и начало , и конец отрицательны, обязательно запишите их в возрастающем значении (например, -6:-1).
< размер >
Ширина линии в пикселях.
< opt_z_order >
[ Необязательно ] Слой, на котором будет рисоваться маркер, по сравнению с другими маркерами и всеми остальными элементами диаграммы. Это число с плавающей запятой от -1,0 до 1,0 включительно, где -1,0 — низ, а 1,0 — верх. Элементы диаграммы (линии и столбцы) чуть ниже нуля. Если два маркера имеют одинаковое значение, они отображаются в порядке, заданном URL-адресом. Значение по умолчанию — 0,0 (чуть выше элементов диаграммы).

Примеры

Описание Пример

Это пример рисования линии-маркера на гистограмме. Для z-порядка установлено значение 1 , поэтому линия рисуется поверх столбцов.

В этом примере используются одни и те же данные как для столбцов, так и для строки данных.
Bar chart with line marker
chm=D,0033FF,0,0,5,1
chd=s:1XQbnf4

Это та же гистограмма, но с дополнительным рядом данных только для линии. Это пример составной диаграммы. Составные диаграммы создаются путем добавления дополнительных рядов данных к параметру chd , а также значения chd , указывающего диаграмме «игнорировать» дополнительные ряды данных.

Дополнительную информацию см. в разделе «Составные диаграммы» .

Bar chart with line marker
chm=D,0033FF,1,0,5,1
chd=s1:1XQbnf4,43ksfg6

Вернуться наверх

Data Functions chfd [ All chd charts ]

You can specify a custom function to run over chart data using muParser function syntax . The data used in the function can come from one of two sources:

  • A data series from chd - The data is pulled from the specified series in chd .
  • A range of values declared in the chfd parameter itself - You declare a start, stop, and step value for an arbitrary data range.

It is important to note that in all cases you must assign the output to an existing series in chd ; that series will be overwritten by the function output. The chart is rendered only after all functions have been processes, so if you assign multiple functions to output to the same data series, the functions will be run in the order given, but only the output of the final function will be plotted on the chart . Note that you can chain functions, so that one function can take as input a series that was output by a previous function.

To assign colors or chm markers to a function line, assign the colors or markers to the function's series index. Note that markers are placed according to the data after it has been manipulated by the function.

Синтаксис

chfd=
  <output_series_index>,<function_data>,<function_string>
    |...|
  <output_series_index>,<function_data>,<function_string>
< output_series_index >
Zero-based index of a data series in chd to which the function output will be written. Any existing data will be completely overwritten by the function output. If a series is not being used as input for a function, best practice is to assign a single dummy value to that series.
< function_data >
The variables and data to plot. The data can be from a range that you define, or from one of the chd data series. You can specify multiple variables for each function, using a ; (semicolon) delimiter for multiple variables. Note that if you define multiple variables for a single function, and these variables have a different number of points, the function will stop when it reaches the first endpoint. For example, if a function defines both x=1—5 step 1 and y=1—10 step 1, the function will end when it reaches the fifth point.
< variable_name >,< input_series_index >
ИЛИ
< variable_name >,< start >,< end >,< step >
  • variable_name - An arbitrary string name for the variable. Use this in the function defined by function_string .
  • input_series_index - The index of a chd data series to use as input data.
  • start - The numeric start value of a range.
  • end - The numeric end value of a range.
  • step - The numeric step value from start to end . Can be positive or negative, but cannot be zero.
Examples: x,0,100,1 declares a variable named x with values 0, 1, 2, ... 100. x,0,100,1;r,0,3.1,.1 declares the same x variable plus a variable named r with values 0, 0.1, 0.2, ..., 3.0, 3.1. x,0 declares a variable named x that uses the data from the first chd series. These variables will be used by function_string . They will not be plotted on the graph unless you specify them in function_string . The smaller the step, the smoother your graph.
< function_string >
Your function, written in the muParser syntax . The function is applied to the variables and data specified in variable_data . You can only reference the variables declared in this local function set, not in another piped set of chfd parameters. Summary muParser functions are not supported (min, max sum, avg). IMPORTANT: Remember to use %2B instead of + in your functions!

Примеры

Описание Пример

A simple sine wave. Some things to notice:

  • chd=t:-1 - We use a dummy variable for the chart data, because our data is declared in the chfd parameter.
  • chco=FF0000 - Red is specified for the first series. Even though we don't use the data from chd , the corresponding color for that series will be used for that plotted function.
  • chfd=0,x,0,11,0.1,sin(x)*50%2B50 - We declare one variable, called x, with values 0—11, incremented by 0.1. It is assigned to the first series, which means it will get the first series color (FF0000). The function applied to x is sin(x) * 50 + 50. Note how we must encode the + in that function.

Sine wave specified by chfd
cht=lc
chd=t:-1
chco=FF0000
chfd=
0,x,0,11,0.1,sin(x)*50%2B50
chxt=x,y
This line uses data from the chd parameter.
chd=t:5,10
chfd=0,x,0,x*4

A mix of function and non-function lines.

Notice how the colors are specified by the series color parameter chco .

Notice the placement of markers on the function output; the data points are calculated from start , end , and step , so if your range is 0—11 step 0.1, point 0 is 0, point 1 is 0.1 and so on, until point 110, which has a value of 11.

One series using chfd, one using chd for its data.
chd=t:
-1
15,45
chco=
FF0000,000000
chfd=
0,x,0,11,0.1,sin(x)*50%2B50
chm=
c,00A5C6,0,110,10
a,00A5C6,0,60,10

To define a function in two dimensions, use an lxy chart, assign two dummy series, and assign a function to each.

  • 0,x,0,10,0.1,sin(x)*50%2B50 - Series 0 (the x-axis values) has a variable named x, with values from 0—10, step 0.1, and a function sin(x)*50 + 50
  • 0,y,0,10,0.1,sin(y)*50%2B50 - Series 0 (the y-axis values) has a variable named y, with values from 0—10, step 0.1, and a function sin(x)*50 + 50
A circle
cht=lxy
chd=t:-1|-1
chfd=
0,x,0,10,0.1,sin(x)*50%2B50|
1,y,0,10,0.1,cos(y)*50%2B50

The chfd parameter can really let you express your creativity.

Try clicking these images to open and play with them in the chart playground; you'll get hooked!



Вернуться наверх