Особенности диаграммы | Информация о маркере
|
Обзор
Вы можете комбинировать несколько типов диаграмм с маркерами линий или свечей , чтобы выделить тенденции данных или показать дисперсию. Когда вы добавляете линейные маркеры или маркеры свечей на столбчатые, точечные или другие типы диаграмм, полученная диаграмма называется составной диаграммой . Некоторые составные диаграммы выглядят как комбинация двух типов диаграмм, например гистограмма с линией отслеживания:
в то время как другие выглядят как совершенно новые типы диаграмм — например, прямоугольная диаграмма:
.
Создание составной диаграммы
Все составные диаграммы состоят из одного или нескольких типов базовых диаграмм (линейных, точечных, линейчатых или радарных) в сочетании с одним или несколькими наборами маркеров. Этим маркерам требуются данные для размещения их на диаграмме. Иногда вы можете использовать те же серии данных, которые использовались для рисования столбцов или точек на диаграмме, но обычно вы хотите, чтобы маркеры имели свои собственные независимые наборы данных. Если вы хотите, чтобы на вашей диаграмме были разные ряды данных для базовой диаграммы и для маркеров, вы должны скрыть данные маркеров из базовой диаграммы (чтобы она не пыталась нарисовать больше столбцов или линий с этими данными). Вот как это сделать:
- Добавьте серию данных маркера в конец параметра
chd
. Например, если на вашей гистограмме есть данныеchd=t:30,10,20
, вы можете добавить новые данные для маркера линии следующим образом:chd=t:30,10,20|60,40,50
. - Скройте дополнительные данные маркеров на базовой диаграмме. Если вы просто добавите дополнительный ряд данных в гистограмму для своей линии отслеживания, на диаграмме это отобразится как новая серия гистограмм. Чтобы этого не произошло, необходимо скрыть эту лишнюю серию. Чтобы скрыть серию, добавьте одну цифру после дескриптора формата
chd
: например,chd=t 1 :30,10,20|60,40,50
. Эта цифра сообщает API диаграмм, сколько рядов данных следует использовать для рисования элементов для этого базового типа диаграммы, определенного параметромcht
(столбцы для гистограмм, точки данных для линейных диаграмм и т. д.). Любые дополнительные ряды данных будут игнорироваться этим типом диаграммы при ее построении. Обратите внимание, что это число начинается с 1, а не с 0. Таким образом,t1
означает «использовать для баров только первую серию данных»,t2
означает «использовать для баров только первые две серии» и т. д.- Примечания:
- Точечные диаграммы . Точечные диаграммы скрывают данные по-другому; более подробную информацию см. в документации.
- Линейные диаграммы lxy — укажите четное количество серий для отображения (
t0
,t2
,t4
и т. д.). Это связано с тем, что каждая линия на диаграммеlxy
описывается двумя рядами данных: один для значений x и один для значений y.
- Примечания:
- Используйте скрытые ряды данных для рисования маркеров свечей , линейных маркеров или других маркеров. Как рисовать маркеры описано в связанных разделах. Используйте серию скрытых данных в качестве источника для своих маркеров. Вы можете включить любое количество дополнительных скрытых рядов данных и использовать их для дополнительных маркеров диаграммы.
Вот диаграмма, которую мы только что описали:
cht=bvg
chd=t1:30,10,20|60,40,50
chm=D,0033FF,1,0,5,1
Типы диаграмм
Ниже приведен список типов маркеров и типов диаграмм, с которыми их можно использовать:
Тип маркера | Базовые типы диаграмм, которые его поддерживают |
---|---|
Линия | Линия , Разброс , Полоса , Радар |
Подсвечник | Линия , Бар |
Все другие | Линия , Разброс , Полоса , Радар |
Вот несколько примеров типов составных диаграмм, которые можно создать:
Тип диаграммы | Описание | Пример |
---|---|---|
Диаграммы с линейными маркерами | Линейные маркеры можно использовать для отображения тенденций на диаграммах многих других типов. | |
Свечные графики | Свечные графики часто используются для отображения финансовых данных. | |
Коробочные диаграммы | Ящичковые диаграммы используются для отображения данных, сгруппированных по квартилям диапазона. | |
Встроенные диаграммы | Вы можете встроить диаграмму в другую диаграмму. | |
Другие маркеры | Вы можете скрыть данные маркеров в любом из допустимых типов базовых диаграмм и использовать их с любыми другими типами маркеров, которые вам нравятся. | chd=t1: |
Диаграммы с линейными маркерами
Вы можете добавлять линии на линейные , точечные , гистограммы или лепестковые диаграммы, чтобы выделить тенденции.
Базовый тип + тип маркера | Описание | Пример |
---|---|---|
Бар + Линия | Вот гистограмма с линией трассировки. Первые две серии данных используются для составных столбцов, а оставшаяся серия — для линии.
| chm= |
Разброс + линия | Вы можете добавить линию на точечную диаграмму, чтобы показать средние значения. Обратите внимание, что точечные диаграммы скрывают данные маркеров другим способом ; более подробную информацию см. в разделе «Точечные диаграммы» . |
|
Бар + Линия | Вот еще одна гистограмма с накоплением, над которой проведена независимая линия. | cht=bvs |
Бар + Круги | То же, что и предыдущая диаграмма, но вместо линейного маркера используются круговые маркеры. Мы указали каждые 0,5 значения данных, что добавляет расчетные промежуточные точки к пунктирной линии. | cht=bvs |
Свечные графики
Для построения свечных диаграмм требуется как минимум четыре ряда данных, а также дополнительные ряды для любых других элементов диаграммы. Свечные диаграммы могут отображать только набор свечных маркеров или могут представлять собой комбинацию свечных маркеров плюс гистограммы или линейные графики, как показано здесь:
Базовый тип + тип маркера | Описание | Пример |
---|---|---|
Линия (скрытая) + Свеча | В этом примере показан график, на котором показаны только маркеры свечей.
| cht=lc |
Линия + Свеча | Вот пример линейного графика с маркерами свечей. Предоставляются пять рядов данных; первый используется для типа диаграммы (линия), а остальные «скрытые» серии данных используются для маркеров свечей. Параметр Мы опустили маркеры первой и последней свечей, используя соотношение Параметр |
|
Линия + Свеча | Еще один пример свечного графика, но с пользовательскими цветами заливки. | chd=t1: |
Бар + Подсвечник | Вот пример гистограммы с маркерами свечей. Здесь мы показываем маркеры первой и последней свечей, поскольку между столбцами имеется достаточный интервал, чтобы они не обрезались границами графика. | cht=bvg |
Коробочные диаграммы
Ящичные диаграммы , также называемые ящичковыми диаграммами или диаграммами с усами , представляют собой тип диаграммы, которая показывает группировку одного или нескольких рядов в квартили ( квартили — это группы, которые охватывают 25% диапазона значений, за возможным исключением выбросов) . Ящиковые диаграммы аналогичны свечным графикам, но с добавленными маркерами для нижней и верхней части свечи, а также маркером 50-го процентиля.
Ящичковая диаграмма полностью состоит из маркеров, как показано здесь:
chm= | chm= | chm= | |
Один набор маркеров свечей ( chm=F ) для тела ячеек: | Один набор маркеров формы горизонтальной линии регулируемой длины ( chm=H ) для линий минимума, 50-го и 100-го процентиля: | При желании некоторые маркеры в форме круга ( chm=o ) для отображения выбросов в наборе данных. | Сложите их все вместе, и вы получите коробчатую диаграмму! |
Базовым типом диаграммы для коробчатых диаграмм является любой из типов гистограмм ( bhs
, bvs
, bhg
, bvg
) или типов линейных диаграмм ( lc
, ls
, lxy
). Но если вы скрываете базовый тип диаграммы, добавляя ноль в параметр формата данных (например: chd=t0:
или chd=s0:
), не имеет значения, какой тип диаграммы вы выберете.
Ящичная диаграмма должна содержать не менее пяти рядов данных: четыре для блоков и маркеров максимума и минимума; один для отметки 50%; плюс любые дополнительные серии данных для любых дополнительных маркеров, которые могут вам понадобиться, например маркеров выбросов. Вот рекомендуемый порядок серий. Обратите внимание: если значение в серии 1 больше соответствующего значения в серии 2, поле будет заполнено цветом маркера chm=F
; если значение в серии 1 меньше значения в серии 2, поле будет незаполненным. См. «Маркеры свечей» для получения дополнительной информации.
Заказ серии для незаполненной коробки:
- Минимальное значение
- Маркер 25% (75% для заполненного ящика)
- Маркер 75% (25% для заполненного ящика)
- Максимальное значение
- 50% маркер
- Шестая серия и последующие предназначены для любых дополнительных данных маркеров, таких как выбросы.
На самом деле вы можете разместить дополнительные серии маркеров до или после данных маркеров свечей, но проще разместить их последними.
Вы можете создавать различные стили коробчатых диаграмм, указывая разные маркеры, разные типы базовых диаграмм или упорядочивая данные по-разному.
Описание | Пример | ||
---|---|---|---|
Это стандартная прямоугольная диаграмма, но разным элементам диаграммы назначены разные цвета, чтобы подчеркнуть, какой маркер используется для создания каждого элемента диаграммы.
| | ||
Тип диаграммы lc всегда отображает линии оси. Чтобы создать диаграмму без осевых линий, укажите тип диаграммы ls. |
| ||
Чтобы создать заполненный прямоугольник, сделайте точку во второй серии больше, чем соответствующая точка в третьей серии. Большее значение отмечено красным в коде, показанном справа. | chd=t0: |
Встроенные диаграммы
Вы можете встроить диаграмму любого типа в гистограмму , линейную , радарную или точечную диаграмму с помощью динамических значков. См. раздел «Встроенные диаграммы» документации по маркерам с динамическими значками ( chem
).
Стандартные функции
Остальные функции на этой странице являются стандартными функциями диаграмм.
Описание | Пример |
---|---|
Это пример рисования линии-маркера на гистограмме. Для z-порядка установлено значение | chm=D,0033FF,0,0,5,1 |
Это та же гистограмма, но с дополнительным рядом данных только для линии. Это пример составной диаграммы. Составные диаграммы создаются путем добавления дополнительных рядов данных к параметру Дополнительную информацию см. в разделе «Составные диаграммы» . | chm=D,0033FF,1,0,5,1 |
Маркеры формы 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 >
— положительное или отрицательное число, определяющее вертикальное смещение в пикселях. Необязательный; оставьте пустым, если не используется.
Примеры
Описание | Пример |
---|---|
Вот пример нескольких маркеров формы и линий.
| chm= |
Вот пример использования ромбов для одного ряда данных и кружков для другого ряда данных. Если два или более маркера занимают одну и ту же точку, маркеры рисуются в том порядке, в котором они указаны в параметре | chm= |
Вот линейный график с маркером на каждой второй точке данных (-2 означает каждую вторую точку). | chd=t: |
Вот линейный график, на котором маркеров в два раза больше, чем точек данных (-0,5 означает каждую половину точки). | chd=t: |
В этом примере показано, как использовать маркеры h и v для создания линий сетки произвольного цвета и толщины. Значение z-порядка (последнее значение) установлено на -1, чтобы линии сетки рисовались под линией данных. | chm= |
На этой диаграмме к линейному графику добавляются вертикальные линии заливки:
| chm= |
В этом примере на диаграмму добавляется стрелка и текстовый маркер с использованием точных координат. Первый маркер D — это линия трассировки под столбиками. Второй маркер — это стрелка, а третий маркер — текст стрелки. | chm= |
Горизонтальная линия, привязанная к определенной точке данных ( H ), может быть полезна для отображения относительных значений или выделения высоты значения данных на диаграмме. | chm=H,FF0000,0,18,1 |
На этом графике показаны маркеры, которые могут указывать толщину и длину линии в параметре <size> .
| 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= |
Маркеры свечей chm=F
[ Bar, Line ]
Маркеры свечей указывают на дисперсию и изменение направления в ряду данных. Часто они используются для отображения стоимости акций в течение дня. Маркер включает в себя сегменты, показывающие максимальное и минимальное значения, а также значения открытия и закрытия за определенный период времени (обычно день). Подробнее о свечных маркерах смотрите здесь .
Свечной маркер рисуется в виде прямоугольника, разделенного вертикальной линией пополам. Для рисования свечного маркера требуется четыре ряда данных; вот что указывает каждая серия:
- Ряды 1 и 4 определяют нижнюю и верхнюю часть вертикальной линии соответственно. Обычно они представляют собой минимальное и максимальное значения за день.
- Ряды 2 и 3 определяют вертикальные границы прямоугольника. Серия 2 — это значение открытия, а серия 3 — значение закрытия. Цвет прямоугольника зависит от того, что выше: когда значение открытия (серия 2) ниже значения закрытия (серия 3), цена выросла, и прямоугольник по умолчанию заполняется сплошным зеленым цветом; когда значение открытия (серия 2) выше значения закрытия (серия 3), цена снижается, и прямоугольник по умолчанию заполняется сплошным красным цветом. Для прямоугольника можно указать только цвет заливки с уменьшающимся значением. Когда вы это укажете, прямоугольник с увеличивающимся значением будет незаполненным (пустым). Обратите внимание, что серия 2 может быть либо верхней, либо нижней частью прямоугольника, в зависимости от того, выросла или упала цена.
Вы можете комбинировать маркеры свечей с любыми другими параметрами chm
, используя символ вертикальной черты ( |
) для разделения параметров chm
.
Note: If you do not want the lines for the data used to draw the markers to appear in the chart, you must include a 0 after the format type. For example: chd=t0:10,20,30,40
in a text format data string. See Compound Charts for more information.
Here's an example, showing the lines for each series:
Syntax
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- Ф
- Indicates that this is a candlestick marker.
- <opt_declining_color>
- [ Optional ] Fill color for the rectangles when the value is decreasing (when series 2 value > corresponding series 3 value). This is an RRGGBB format hexadecimal number . When the values increase, the rectangle will be empty. Default is solid green for increasing, solid red for decreasing (you cannot specify a custom fill color for increasing values).
- < data_series_index >
- The index of the data series to use as the first series for your candlestick markers. This is a zero-based index. So, if you specify 1 here, and you have six series, the second, third, fourth and fifth will be used to draw candlestick markers.
- <opt_which_points>
- [ Optional ] Specifies which data points are used to draw markers. Default is all markers. Use one of the following formats:
-
nd
- Draw a marker on a single point in the series, where nd is the index of the point in the series. If you specify a non-integer value, then the fraction indicates a calculated intermediate point. For example, 3.5 means halfway between point 3 and point 4. -
-1
- Draw a marker on all data points. You can also leave this parameter empty to draw on all markers. -
- 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. All parameters are optional (may be absent), so 3::1 would be from the fourth element to the last, step 1, and omitting this parameter entirely would default to first : last :1. All values can be floating point numbers. start and end can be negative, to count backward from the last value. If both start and end are negative, be sure that they are listed in increasing value (for example, -6:-1:1). If the n step value is less than 1, it will calculate additional data points by interpolating the data values given. Default values are first:last:1
-
- <width>
- The width of all rectangles, in pixels.
- <opt_z_order>
- [ Optional ] The layer on which to draw the marker, compared to other markers and all other chart elements. This is a floating point number from -1.0 to 1.0, inclusive, where -1.0 is the bottom and 1.0 is the top. Chart elements (lines and bars) are just lower than zero. If two markers have the same value, they are drawn in the order given by the URL. Default value is 0.0 (just above the chart elements).
Examples
Описание | Пример |
---|---|
Here's an example of candlestick markers on a line chart with four series. The custom fill color The first and last rectangle are trimmed by the chart. To eliminate these values, you could specify 1:4 for the fourth parameter of chm. Note the zero in the data string, to hide the lines for the series: The < which_point > parameter is blank, which draws candlesticks on all data points. |
chd=t0: |
Here's an example of the same chart, using the default colors, and removing the first and last item. This is a compound chart: it is a combination of a line chart (the base chart type) and candlestick markers. The value of 1 in |
|
Chart-Specific Features | Marker Information
|
Обзор
You can combine several chart types with line or candlestick markers to highlight data trends or show variance. When you add line or candlestick markers onto bar, scatter, or other chart types, the resulting chart is called a compound chart . Some compound charts look like a combination of two chart types—for instance, a bar chart with a tracking line:
while others look like completely new chart types—for instance, a box chart:
.
Creating a Compound Chart
All compound charts consist of one or more base chart types (line, scatter, bar, or radar) combined with one or more sets of markers. These markers require data to place them on the chart. Sometimes you can use the same data series as used to draw the bars or points on your chart, but typically you want the markers to have their own independent data sets. If you want your chart to have different data series for the base chart and for markers, you must hide the marker data from the base chart (so that it doesn't try to draw more bars or lines with that data). Here's how to do that:
- Add your marker data series to the end of your
chd
parameter . For example, if your bar chart had datachd=t:30,10,20
, you could add new data for a line marker like this:chd=t:30,10,20|60,40,50
. - Hide your extra marker data from the base chart. If you simply add an extra data series to a bar chart for your tracking line, the chart would show that as a new series of bars. To prevent this, you must hide this extra series. To hide a series, include a single digit after the
chd
format descriptor: for example,chd=t 1 :30,10,20|60,40,50
. This digit tells the Chart API how many data series to use to draw elements for that base chart type as defined by thecht
parameter (bars for bar charts, data points for line charts, and so on). Any additional data series will be ignored by that chart type when drawing the chart. Note that this is a 1-based number, not 0-based. Sot1
means "use only the first data series for bars,"t2
means "use only the first two series for bars," etc.- Notes:
- Scatter charts - Scatter charts hide data in a different way; see the documentation for more details.
- lxy line charts - Specify an even number of series to display (
t0
,t2
,t4
, etc). This is because each line in anlxy
chart is described by two data series: one for x-values, and one for y-values.
- Notes:
- Use the hidden data series to draw candlestick markers , line markers , or other markers. How to draw markers is covered in the linked sections. Reference the hidden data series as the source for your markers. You can include as many additional hidden data series as you like, and use them for additional chart markers.
Here's the chart we just described:
cht=bvg
chd=t1:30,10,20|60,40,50
chm=D,0033FF,1,0,5,1
Chart Types
Here is a list of marker types, and the chart types that they can be used with:
Marker Type | Base Chart Types That Support It |
---|---|
Line | Line , Scatter , Bar , Radar |
Candlestick | Line , Bar |
All others | Line , Scatter , Bar , Radar |
Here are some examples of the types of compound charts that you can create:
Chart Type | Описание | Пример |
---|---|---|
Line marker charts | Line markers can be used to show trends in many other chart types. | |
Candlestick charts | Candlestick charts are often used to show financial data. | |
Box charts | Box charts are used to show data grouped into range quartiles. | |
Embedded charts | You can embed a chart within another chart. | |
Other markers | You can hide marker data in any of the acceptable base chart types and use it with any other kinds of markers that you like. | chd=t1: |
Line Marker Charts
You can add lines to line , scatter , bar , or radar charts to highlight trends.
Base Type + Marker Type | Описание | Пример |
---|---|---|
Bar + Line | Here is a bar chart with a trace line. The first two data series are used for the stacked bars, and the remaining series is used for the line.
| chm= |
Scatter + Line | You can add a line to a scatter chart to show averages. Note that scatter charts hide marker data in a different way ; see Scatter Charts for more details. |
|
Bar + Line | Here is another stacked bar chart with an independent line drawn over it. | cht=bvs |
Bar + Circles | Same as the previous chart, but with circle markers instead of a line marker. We've specified every 0.5 data value, which adds calculated intermediary points in the dotted line. | cht=bvs |
Candlestick Charts
Candlestick charts require at least four data series to draw the candlesticks, plus additional series for any other chart elements. Candlestick charts can show only a set of candlestick markers , or can be a combination of candlestick markers plus bar or line charts, as shown here:
Base Type + Marker Type | Описание | Пример |
---|---|---|
Line (hidden) + Candlestick | This example shows a chart showing only candlestick markers.
| cht=lc |
Line + Candlestick | Here's an example of a line chart with candlestick markers. Five data series are provided; the first is used for the chart type (line), and the remaining "hidden" data series are used for the candlestick markers. The We omitted the first and last candlestick markers using The |
|
Line + Candlestick | Another example of a candlestick chart, but with custom fill colors. | chd=t1: |
Bar + Candlestick | Here is an example of a bar chart with candlestick markers. We show the first and last candlestick markers here, because the bars add enough spacing to prevent them from being cropped by the chart boundaries. | cht=bvg |
Box Charts
Box charts , also called box plots or box and whisker charts , are a type of chart that shows the grouping of one or more series into quartiles ( quartiles are groups that span 25% of the range of values, with the possible exception of outliers). Box charts are similar to candlestick charts, but with added markers for the bottom and top of the candlestick, plus a 50th percentile marker.
A box chart is made up completely of markers, as shown here:
chm= | chm= | chm= | |
One set of candlestick markers ( chm=F ), for the body of the boxes: | One set of adjustable-length horizontal line shape markers ( chm=H ) for the minimum, 50th, and 100th percentile lines: | Optionally some circle shape markers ( chm=o ) to show outliers in the data set. | Put them all together, and you have a box chart! |
The base chart type for box charts is any of the bar chart types ( bhs
, bvs
, bhg
, bvg
) or line chart types ( lc
, ls
, lxy
). But if you are hiding the base chart type by adding a zero in the data format parameter (for example: chd=t0:
or chd=s0:
), it doesn't matter which chart type you choose.
A box chart must have at least five data series: four for the boxes and the maximum and minimum markers; one for the 50% marker; plus any additional data series for any additional markers that you might want, such as outlier markers. Here is the recommended series order. Note that if the value in series 1 is more than the corresponding value in series 2, the box will be filled with the chm=F
marker color; if the value in series 1 is less than the value in series 2, the box will be unfilled. See Candlestick Markers for more information.
Series order for an unfilled box:
- Minimum value
- 25% marker (75% for a filled box)
- 75% marker (25% for a filled box)
- Maximum value
- 50% marker
- Series six and beyond are for any additional marker data, such as outliers.
You can actually put the additional marker series before or after the candlestick marker data, but it is simpler to put them all last.
You can make different styles of box charts by specifying different markers, different base chart types, or ordering the data differently
Описание | Пример | ||
---|---|---|---|
This is a standard box chart, but with different colors assigned to the different chart elements to highlight which marker is being used to create each chart element.
| | ||
The lc chart type will always show axis lines. To create a chart without axis lines, specify a chart type of ls. |
| ||
To create a filled box, make the point in the second series greater than the corresponding point in the third series. The larger value is marked in red in the code shown on the right. | chd=t0: |
Embedded Charts
You can embed any chart type inside a bar , line , radar , or scatter chart using dynamic icons. See the Embedded Charts section of the Dynamic Icons ( chem
) marker documentation.
Standard Features
The rest of the features on this page are standard chart features.
Описание | Пример |
---|---|
This is an example of drawing a marker line on a bar chart. The z-order is set to | chm=D,0033FF,0,0,5,1 |
This is the same bar chart, but with an additional data series just for the line. This is an example of a compound chart. Compound charts are drawn by adding additional data series to the See Compound Charts for more information. | chm=D,0033FF,1,0,5,1 |
Shape Markers chm
[ Bar, Line, Radar, Scatter ]
You can specify graphical markers for all or individual data points on a chart. If two or more markers occupy the same point, the markers are drawn in the order in which they appear in the chm
parameter. You can also create text markers on data points, which is covered in Data Point Markers .
You can combine shape markers with any other chm
parameters using a pipe character ( |
) to separate the chm
parameters.
Syntax
Specify one set of the following parameters for each series that should be marked. To mark multiple series, create additional parameter sets, delimited by a pipe character. You do not need to mark up all series. If you do not assign markers to a data series, it will not get any markers.
Shape markers behave slightly differently in scatter charts . See that documentation for more information.
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>
- @
- [ Optional ] If you precede the marker type with the optional @ character, then < opt_which_points > should use the x:y format.
- <marker_type>
- The type of marker to use. Specify one of the following types:
-
a
- Arrow -
c
- Cross -
C
- Rectangle. If a rectangle marker, you must have at least two data series, where series 0 specifies the bottom edge and series 1 specifies the top edge. < size > specifies the width of the rectangle, in pixels. -
d
- Diamond -
E
- Error-bar marker ( ) This marker requires two data series to create, one value for the bottom, and the corresponding point in the second series for the top. It also exposes an extended < size > syntax: line_thickness [: top_and_bottom_width ] where top_and_bottom_width is optional. See the examples below. -
h
- Horizontal line across the chart at a specified height. ( The only valid format for < opt_which_points > parameter is nd . ) -
H
- Horizontal line through the specified data marker. This supports an extended < size > syntax that lets you specify an exact line length: line_thickness [: length ] where : length is optional, and defaults to the full chart area width. -
o
- Circle -
s
- Square -
v
- Vertical line from the x-axis to the data point -
V
- Vertical line of adjustable length. This supports an extended < size > value syntax that lets you specify an exact line length: line_thickness [: length ] where : length is optional, and defaults to the full chart area height. The marker is centered on the data point. -
x
- An X
-
- < color >
- The color of the markers for this series, in RRGGBB hexadecimal format .
- < series_index >
- The zero-based index of the data series on which to draw the markers. Ignored for
h
markers and markers that specify location by x/y position (start with the @ character). You can use hidden data series as a source for markers; see Compound Charts for more information. Grouped vertical bar charts support a special extended syntax to align markers with specific bars. - < opt_which_points >
- [ Optional ] Which point(s) to draw markers on. Default is all markers. Use one of the following values:
-
nd
- Where to draw the marker. The meaning depends on the marker type:- All types except h - Which data point to draw the marker on, where nd is the zero-based index in the series. If you specify a non-integer value, then the fraction indicates a calculated intermediate point. For example, 3.5 means halfway between point 3 and point 4.
-
h
- A number from 0.0 to 1.0, where 0.0 is the bottom of the chart, and 1.0 is the top of the chart.
-
-1
- Draw a marker on all data points. You can also leave this parameter empty to draw on all data points. -
- n
- Draw a marker on every n -th data point. Floating point value; if n is less than 1 the chart will calculate additional intermediary points for you. For example, -0.5 will put twice as many markers as data points. -
start:end:n
- Draw a marker on every n -th data point in a range, from start to end index values, inclusive. All parameters are optional (may be absent), so 3::1 would be from the fourth element to the last, step 1, and omitting this parameter entirely would default to first : last :1. All values can be floating point numbers. start and end can be negative, to count backward from the last value. If both start and end are negative, be sure that they are listed in increasing value (for example, -6:-1:1). If the n step value is less than 1, it will calculate additional data points by interpolating the data values given. Default values are first:last:1 -
x : y
- Draw a marker at a specific x/y point on the chart. This point does not have to be on a line. Add the @ character before the marker type to use this option. Specify the coordinates as floating point values, where0:0
is the bottom left corner of the chart and1:1
is the top right corner of the chart. For example, to add a red, 15-pixel diamond to the center of a chart, use@d,FF0000,0,0.5:0.5,15
.
-
- < size >
- The size of the marker, in pixels. Most take a single number value for this parameter; the V, H, and S markers support the syntax < size >[: width ] where the optional second part specifies the line or marker length.
- < opt_z_order >
- [ Optional ] The layer on which to draw the marker, compared to other markers and all other chart elements. This is a floating point number from -1.0 to 1.0, inclusive, where -1.0 is the bottom and 1.0 is the top. Chart elements (lines and bars) are just lower than zero. If two markers have the same value, they are drawn in the order given by the URL. Default value is 0.0 (just above the chart elements).
- < opt_offset >
- [ Optional ] Let you specify horizontal and vertical offsets from the specified location. Here is the syntax, which uses a : delimiter:
reserved :< horizontal_offset >:< vertical_offset >
. If specified, you can include an empty ,, value in thechm
parameter string for < opt_z_order >. Examples:o,FF9900,0,4,12,, :10 o,FF9900,0,4,12.0,, :-10:20 o,FF9900,0,4,12,1, ::20
- reserved - Leave blank.
-
< horizontal_offset >
- A positive or negative number specifying the horizontal offset, in pixels. Optional; leave blank if not used. -
< vertical_offset >
- A positive or negative number specifying the vertical offset, in pixels. Optional; leave blank if not used.
Examples
Описание | Пример |
---|---|
Here's an example of several of the shape and line markers.
| chm= |
Here's an example using diamonds for one data series, and circles for the other data series. If two or more markers occupy the same point, the markers are drawn in the order in which they appear in the | chm= |
Here's a line chart with a marker on every second data point (-2 means every other point). | chd=t: |
Here's a line chart with twice as many markers as data points (-0.5 means every half point). | chd=t: |
This example shows how to use h and v markers to create grid lines with custom colors and thickness. The z-order value (the last value) is set to -1 so that the grid lines are drawn beneath the data line. | chm= |
This chart adds vertical fill lines to a line chart:
| chm= |
This example adds an arrow and text marker to the chart using exact coordinates. The first D marker is the trace line under the bars. The second marker is the arrow, and the third marker is the arrow text. | chm= |
A horizontal line fixed to a specific data point ( H ) can be useful for showing relative values, or emphasizing the height of a data value on a chart. | chm=H,FF0000,0,18,1 |
This graph demonstrates the markers that can specify line thickness and length in the < size > parameter.
| 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= |
Candlestick Markers chm=F
[ Bar, Line ]
Candlestick markers indicate variance and direction change in a data series. Often they are used to show stock values during the course of a day. The marker includes segments that show the high and low value, as well as the opening and closing value for a specific time period (typically a day). For more about candlestick markers, see here .
A candlestick marker is drawn as a rectangle bisected by a vertical line. It requires four data series to draw a candlestick marker; here is what each series specifies:
- Series 1 and 4 specify the bottom and top of the vertical line, respectively. These typically represent the low and high values for the day.
- Series 2 and 3 specify the vertical borders of the rectangle. Series 2 is the opening value, and series 3 is the closing value. The color of the rectangle depends on which is higher: when the opening value (series 2) is lower than the closing value (series 3), the price has increased, and the rectangle is filled with solid green by default; when the opening value (series 2) is higher than the closing value (series 3), the price has decreased, and the rectangle is filled with solid red by default. You can only specify a fill color for the rectangle with decreasing value. When you specify that, the rectangle with increasing value is unfilled (empty). Note that series 2 can be either the top or the bottom of the rectangle, depending on whether the price has gone up or down.
You can combine candlestick markers with any other chm
parameters using a pipe character ( |
) to separate the chm
parameters.
Note: If you do not want the lines for the data used to draw the markers to appear in the chart, you must include a 0 after the format type. For example: chd=t0:10,20,30,40
in a text format data string. See Compound Charts for more information.
Here's an example, showing the lines for each series:
Syntax
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- Ф
- Indicates that this is a candlestick marker.
- <opt_declining_color>
- [ Optional ] Fill color for the rectangles when the value is decreasing (when series 2 value > corresponding series 3 value). This is an RRGGBB format hexadecimal number . When the values increase, the rectangle will be empty. Default is solid green for increasing, solid red for decreasing (you cannot specify a custom fill color for increasing values).
- < data_series_index >
- The index of the data series to use as the first series for your candlestick markers. This is a zero-based index. So, if you specify 1 here, and you have six series, the second, third, fourth and fifth will be used to draw candlestick markers.
- <opt_which_points>
- [ Optional ] Specifies which data points are used to draw markers. Default is all markers. Use one of the following formats:
-
nd
- Draw a marker on a single point in the series, where nd is the index of the point in the series. If you specify a non-integer value, then the fraction indicates a calculated intermediate point. For example, 3.5 means halfway between point 3 and point 4. -
-1
- Draw a marker on all data points. You can also leave this parameter empty to draw on all markers. -
- 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. All parameters are optional (may be absent), so 3::1 would be from the fourth element to the last, step 1, and omitting this parameter entirely would default to first : last :1. All values can be floating point numbers. start and end can be negative, to count backward from the last value. If both start and end are negative, be sure that they are listed in increasing value (for example, -6:-1:1). If the n step value is less than 1, it will calculate additional data points by interpolating the data values given. Default values are first:last:1
-
- <width>
- The width of all rectangles, in pixels.
- <opt_z_order>
- [ Optional ] The layer on which to draw the marker, compared to other markers and all other chart elements. This is a floating point number from -1.0 to 1.0, inclusive, where -1.0 is the bottom and 1.0 is the top. Chart elements (lines and bars) are just lower than zero. If two markers have the same value, they are drawn in the order given by the URL. Default value is 0.0 (just above the chart elements).
Examples
Описание | Пример |
---|---|
Here's an example of candlestick markers on a line chart with four series. The custom fill color The first and last rectangle are trimmed by the chart. To eliminate these values, you could specify 1:4 for the fourth parameter of chm. Note the zero in the data string, to hide the lines for the series: The < which_point > parameter is blank, which draws candlesticks on all data points. |
chd=t0: |
Here's an example of the same chart, using the default colors, and removing the first and last item. This is a compound chart: it is a combination of a line chart (the base chart type) and candlestick markers. The value of 1 in |
|
Chart-Specific Features | Marker Information
|
Обзор
You can combine several chart types with line or candlestick markers to highlight data trends or show variance. When you add line or candlestick markers onto bar, scatter, or other chart types, the resulting chart is called a compound chart . Some compound charts look like a combination of two chart types—for instance, a bar chart with a tracking line:
while others look like completely new chart types—for instance, a box chart:
.
Creating a Compound Chart
All compound charts consist of one or more base chart types (line, scatter, bar, or radar) combined with one or more sets of markers. These markers require data to place them on the chart. Sometimes you can use the same data series as used to draw the bars or points on your chart, but typically you want the markers to have their own independent data sets. If you want your chart to have different data series for the base chart and for markers, you must hide the marker data from the base chart (so that it doesn't try to draw more bars or lines with that data). Here's how to do that:
- Add your marker data series to the end of your
chd
parameter . For example, if your bar chart had datachd=t:30,10,20
, you could add new data for a line marker like this:chd=t:30,10,20|60,40,50
. - Hide your extra marker data from the base chart. If you simply add an extra data series to a bar chart for your tracking line, the chart would show that as a new series of bars. To prevent this, you must hide this extra series. To hide a series, include a single digit after the
chd
format descriptor: for example,chd=t 1 :30,10,20|60,40,50
. This digit tells the Chart API how many data series to use to draw elements for that base chart type as defined by thecht
parameter (bars for bar charts, data points for line charts, and so on). Any additional data series will be ignored by that chart type when drawing the chart. Note that this is a 1-based number, not 0-based. Sot1
means "use only the first data series for bars,"t2
means "use only the first two series for bars," etc.- Notes:
- Scatter charts - Scatter charts hide data in a different way; see the documentation for more details.
- lxy line charts - Specify an even number of series to display (
t0
,t2
,t4
, etc). This is because each line in anlxy
chart is described by two data series: one for x-values, and one for y-values.
- Notes:
- Use the hidden data series to draw candlestick markers , line markers , or other markers. How to draw markers is covered in the linked sections. Reference the hidden data series as the source for your markers. You can include as many additional hidden data series as you like, and use them for additional chart markers.
Here's the chart we just described:
cht=bvg
chd=t1:30,10,20|60,40,50
chm=D,0033FF,1,0,5,1
Chart Types
Here is a list of marker types, and the chart types that they can be used with:
Marker Type | Base Chart Types That Support It |
---|---|
Line | Line , Scatter , Bar , Radar |
Candlestick | Line , Bar |
All others | Line , Scatter , Bar , Radar |
Here are some examples of the types of compound charts that you can create:
Chart Type | Описание | Пример |
---|---|---|
Line marker charts | Line markers can be used to show trends in many other chart types. | |
Candlestick charts | Candlestick charts are often used to show financial data. | |
Box charts | Box charts are used to show data grouped into range quartiles. | |
Embedded charts | You can embed a chart within another chart. | |
Other markers | You can hide marker data in any of the acceptable base chart types and use it with any other kinds of markers that you like. | chd=t1: |
Line Marker Charts
You can add lines to line , scatter , bar , or radar charts to highlight trends.
Base Type + Marker Type | Описание | Пример |
---|---|---|
Bar + Line | Here is a bar chart with a trace line. The first two data series are used for the stacked bars, and the remaining series is used for the line.
| chm= |
Scatter + Line | You can add a line to a scatter chart to show averages. Note that scatter charts hide marker data in a different way ; see Scatter Charts for more details. |
|
Bar + Line | Here is another stacked bar chart with an independent line drawn over it. | cht=bvs |
Bar + Circles | Same as the previous chart, but with circle markers instead of a line marker. We've specified every 0.5 data value, which adds calculated intermediary points in the dotted line. | cht=bvs |
Candlestick Charts
Candlestick charts require at least four data series to draw the candlesticks, plus additional series for any other chart elements. Candlestick charts can show only a set of candlestick markers , or can be a combination of candlestick markers plus bar or line charts, as shown here:
Base Type + Marker Type | Описание | Пример |
---|---|---|
Line (hidden) + Candlestick | This example shows a chart showing only candlestick markers.
| cht=lc |
Line + Candlestick | Here's an example of a line chart with candlestick markers. Five data series are provided; the first is used for the chart type (line), and the remaining "hidden" data series are used for the candlestick markers. The We omitted the first and last candlestick markers using The |
|
Line + Candlestick | Another example of a candlestick chart, but with custom fill colors. | chd=t1: |
Bar + Candlestick | Here is an example of a bar chart with candlestick markers. We show the first and last candlestick markers here, because the bars add enough spacing to prevent them from being cropped by the chart boundaries. | cht=bvg |
Box Charts
Box charts , also called box plots or box and whisker charts , are a type of chart that shows the grouping of one or more series into quartiles ( quartiles are groups that span 25% of the range of values, with the possible exception of outliers). Box charts are similar to candlestick charts, but with added markers for the bottom and top of the candlestick, plus a 50th percentile marker.
A box chart is made up completely of markers, as shown here:
chm= | chm= | chm= | |
One set of candlestick markers ( chm=F ), for the body of the boxes: | One set of adjustable-length horizontal line shape markers ( chm=H ) for the minimum, 50th, and 100th percentile lines: | Optionally some circle shape markers ( chm=o ) to show outliers in the data set. | Put them all together, and you have a box chart! |
The base chart type for box charts is any of the bar chart types ( bhs
, bvs
, bhg
, bvg
) or line chart types ( lc
, ls
, lxy
). But if you are hiding the base chart type by adding a zero in the data format parameter (for example: chd=t0:
or chd=s0:
), it doesn't matter which chart type you choose.
A box chart must have at least five data series: four for the boxes and the maximum and minimum markers; one for the 50% marker; plus any additional data series for any additional markers that you might want, such as outlier markers. Here is the recommended series order. Note that if the value in series 1 is more than the corresponding value in series 2, the box will be filled with the chm=F
marker color; if the value in series 1 is less than the value in series 2, the box will be unfilled. See Candlestick Markers for more information.
Series order for an unfilled box:
- Minimum value
- 25% marker (75% for a filled box)
- 75% marker (25% for a filled box)
- Maximum value
- 50% marker
- Series six and beyond are for any additional marker data, such as outliers.
You can actually put the additional marker series before or after the candlestick marker data, but it is simpler to put them all last.
You can make different styles of box charts by specifying different markers, different base chart types, or ordering the data differently
Описание | Пример | ||
---|---|---|---|
This is a standard box chart, but with different colors assigned to the different chart elements to highlight which marker is being used to create each chart element.
| | ||
The lc chart type will always show axis lines. To create a chart without axis lines, specify a chart type of ls. |
| ||
To create a filled box, make the point in the second series greater than the corresponding point in the third series. The larger value is marked in red in the code shown on the right. | chd=t0: |
Embedded Charts
You can embed any chart type inside a bar , line , radar , or scatter chart using dynamic icons. See the Embedded Charts section of the Dynamic Icons ( chem
) marker documentation.
Standard Features
The rest of the features on this page are standard chart features.
Описание | Пример |
---|---|
This is an example of drawing a marker line on a bar chart. The z-order is set to | chm=D,0033FF,0,0,5,1 |
This is the same bar chart, but with an additional data series just for the line. This is an example of a compound chart. Compound charts are drawn by adding additional data series to the See Compound Charts for more information. | chm=D,0033FF,1,0,5,1 |
Shape Markers chm
[ Bar, Line, Radar, Scatter ]
You can specify graphical markers for all or individual data points on a chart. If two or more markers occupy the same point, the markers are drawn in the order in which they appear in the chm
parameter. You can also create text markers on data points, which is covered in Data Point Markers .
You can combine shape markers with any other chm
parameters using a pipe character ( |
) to separate the chm
parameters.
Syntax
Specify one set of the following parameters for each series that should be marked. To mark multiple series, create additional parameter sets, delimited by a pipe character. You do not need to mark up all series. If you do not assign markers to a data series, it will not get any markers.
Shape markers behave slightly differently in scatter charts . See that documentation for more information.
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>
- @
- [ Optional ] If you precede the marker type with the optional @ character, then < opt_which_points > should use the x:y format.
- <marker_type>
- The type of marker to use. Specify one of the following types:
-
a
- Arrow -
c
- Cross -
C
- Rectangle. If a rectangle marker, you must have at least two data series, where series 0 specifies the bottom edge and series 1 specifies the top edge. < size > specifies the width of the rectangle, in pixels. -
d
- Diamond -
E
- Error-bar marker ( ) This marker requires two data series to create, one value for the bottom, and the corresponding point in the second series for the top. It also exposes an extended < size > syntax: line_thickness [: top_and_bottom_width ] where top_and_bottom_width is optional. See the examples below. -
h
- Horizontal line across the chart at a specified height. ( The only valid format for < opt_which_points > parameter is nd . ) -
H
- Horizontal line through the specified data marker. This supports an extended < size > syntax that lets you specify an exact line length: line_thickness [: length ] where : length is optional, and defaults to the full chart area width. -
o
- Circle -
s
- Square -
v
- Vertical line from the x-axis to the data point -
V
- Vertical line of adjustable length. This supports an extended < size > value syntax that lets you specify an exact line length: line_thickness [: length ] where : length is optional, and defaults to the full chart area height. The marker is centered on the data point. -
x
- An X
-
- < color >
- The color of the markers for this series, in RRGGBB hexadecimal format .
- < series_index >
- The zero-based index of the data series on which to draw the markers. Ignored for
h
markers and markers that specify location by x/y position (start with the @ character). You can use hidden data series as a source for markers; see Compound Charts for more information. Grouped vertical bar charts support a special extended syntax to align markers with specific bars. - < opt_which_points >
- [ Optional ] Which point(s) to draw markers on. Default is all markers. Use one of the following values:
-
nd
- Where to draw the marker. The meaning depends on the marker type:- All types except h - Which data point to draw the marker on, where nd is the zero-based index in the series. If you specify a non-integer value, then the fraction indicates a calculated intermediate point. For example, 3.5 means halfway between point 3 and point 4.
-
h
- A number from 0.0 to 1.0, where 0.0 is the bottom of the chart, and 1.0 is the top of the chart.
-
-1
- Draw a marker on all data points. You can also leave this parameter empty to draw on all data points. -
- n
- Draw a marker on every n -th data point. Floating point value; if n is less than 1 the chart will calculate additional intermediary points for you. For example, -0.5 will put twice as many markers as data points. -
start:end:n
- Draw a marker on every n -th data point in a range, from start to end index values, inclusive. All parameters are optional (may be absent), so 3::1 would be from the fourth element to the last, step 1, and omitting this parameter entirely would default to first : last :1. All values can be floating point numbers. start and end can be negative, to count backward from the last value. If both start and end are negative, be sure that they are listed in increasing value (for example, -6:-1:1). If the n step value is less than 1, it will calculate additional data points by interpolating the data values given. Default values are first:last:1 -
x : y
- Draw a marker at a specific x/y point on the chart. This point does not have to be on a line. Add the @ character before the marker type to use this option. Specify the coordinates as floating point values, where0:0
is the bottom left corner of the chart and1:1
is the top right corner of the chart. For example, to add a red, 15-pixel diamond to the center of a chart, use@d,FF0000,0,0.5:0.5,15
.
-
- < size >
- The size of the marker, in pixels. Most take a single number value for this parameter; the V, H, and S markers support the syntax < size >[: width ] where the optional second part specifies the line or marker length.
- < opt_z_order >
- [ Optional ] The layer on which to draw the marker, compared to other markers and all other chart elements. This is a floating point number from -1.0 to 1.0, inclusive, where -1.0 is the bottom and 1.0 is the top. Chart elements (lines and bars) are just lower than zero. If two markers have the same value, they are drawn in the order given by the URL. Default value is 0.0 (just above the chart elements).
- < opt_offset >
- [ Optional ] Let you specify horizontal and vertical offsets from the specified location. Here is the syntax, which uses a : delimiter:
reserved :< horizontal_offset >:< vertical_offset >
. If specified, you can include an empty ,, value in thechm
parameter string for < opt_z_order >. Examples:o,FF9900,0,4,12,, :10 o,FF9900,0,4,12.0,, :-10:20 o,FF9900,0,4,12,1, ::20
- reserved - Leave blank.
-
< horizontal_offset >
- A positive or negative number specifying the horizontal offset, in pixels. Optional; leave blank if not used. -
< vertical_offset >
- A positive or negative number specifying the vertical offset, in pixels. Optional; leave blank if not used.
Examples
Описание | Пример |
---|---|
Here's an example of several of the shape and line markers.
| chm= |
Here's an example using diamonds for one data series, and circles for the other data series. If two or more markers occupy the same point, the markers are drawn in the order in which they appear in the | chm= |
Here's a line chart with a marker on every second data point (-2 means every other point). | chd=t: |
Here's a line chart with twice as many markers as data points (-0.5 means every half point). | chd=t: |
This example shows how to use h and v markers to create grid lines with custom colors and thickness. The z-order value (the last value) is set to -1 so that the grid lines are drawn beneath the data line. | chm= |
This chart adds vertical fill lines to a line chart:
| chm= |
This example adds an arrow and text marker to the chart using exact coordinates. The first D marker is the trace line under the bars. The second marker is the arrow, and the third marker is the arrow text. | chm= |
A horizontal line fixed to a specific data point ( H ) can be useful for showing relative values, or emphasizing the height of a data value on a chart. | chm=H,FF0000,0,18,1 |
This graph demonstrates the markers that can specify line thickness and length in the < size > parameter.
| 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= |
Candlestick Markers chm=F
[ Bar, Line ]
Candlestick markers indicate variance and direction change in a data series. Often they are used to show stock values during the course of a day. The marker includes segments that show the high and low value, as well as the opening and closing value for a specific time period (typically a day). For more about candlestick markers, see here .
A candlestick marker is drawn as a rectangle bisected by a vertical line. It requires four data series to draw a candlestick marker; here is what each series specifies:
- Series 1 and 4 specify the bottom and top of the vertical line, respectively. These typically represent the low and high values for the day.
- Series 2 and 3 specify the vertical borders of the rectangle. Series 2 is the opening value, and series 3 is the closing value. The color of the rectangle depends on which is higher: when the opening value (series 2) is lower than the closing value (series 3), the price has increased, and the rectangle is filled with solid green by default; when the opening value (series 2) is higher than the closing value (series 3), the price has decreased, and the rectangle is filled with solid red by default. You can only specify a fill color for the rectangle with decreasing value. When you specify that, the rectangle with increasing value is unfilled (empty). Note that series 2 can be either the top or the bottom of the rectangle, depending on whether the price has gone up or down.
You can combine candlestick markers with any other chm
parameters using a pipe character ( |
) to separate the chm
parameters.
Note: If you do not want the lines for the data used to draw the markers to appear in the chart, you must include a 0 after the format type. For example: chd=t0:10,20,30,40
in a text format data string. See Compound Charts for more information.
Here's an example, showing the lines for each series:
Syntax
chm= F,<opt_declining_color>,<data_series_index>,<opt_which_points>,<width>,<opt_z_order>
- Ф
- Indicates that this is a candlestick marker.
- <opt_declining_color>
- [ Optional ] Fill color for the rectangles when the value is decreasing (when series 2 value > corresponding series 3 value). This is an RRGGBB format hexadecimal number . When the values increase, the rectangle will be empty. Default is solid green for increasing, solid red for decreasing (you cannot specify a custom fill color for increasing values).
- < data_series_index >
- The index of the data series to use as the first series for your candlestick markers. This is a zero-based index. So, if you specify 1 here, and you have six series, the second, third, fourth and fifth will be used to draw candlestick markers.
- <opt_which_points>
- [ Optional ] Specifies which data points are used to draw markers. Default is all markers. Use one of the following formats:
-
nd
- Draw a marker on a single point in the series, where nd is the index of the point in the series. If you specify a non-integer value, then the fraction indicates a calculated intermediate point. For example, 3.5 means halfway between point 3 and point 4. -
-1
- Draw a marker on all data points. You can also leave this parameter empty to draw on all markers. -
- 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. All parameters are optional (may be absent), so 3::1 would be from the fourth element to the last, step 1, and omitting this parameter entirely would default to first : last :1. All values can be floating point numbers. start and end can be negative, to count backward from the last value. If both start and end are negative, be sure that they are listed in increasing value (for example, -6:-1:1). If the n step value is less than 1, it will calculate additional data points by interpolating the data values given. Default values are first:last:1
-
- <width>
- The width of all rectangles, in pixels.
- <opt_z_order>
- [ Optional ] The layer on which to draw the marker, compared to other markers and all other chart elements. This is a floating point number from -1.0 to 1.0, inclusive, where -1.0 is the bottom and 1.0 is the top. Chart elements (lines and bars) are just lower than zero. If two markers have the same value, they are drawn in the order given by the URL. Default value is 0.0 (just above the chart elements).
Examples
Описание | Пример |
---|---|
Here's an example of candlestick markers on a line chart with four series. The custom fill color The first and last rectangle are trimmed by the chart. To eliminate these values, you could specify 1:4 for the fourth parameter of chm. Note the zero in the data string, to hide the lines for the series: The < which_point > parameter is blank, which draws candlesticks on all data points. |
chd=t0: |
Here's an example of the same chart, using the default colors, and removing the first and last item. This is a compound chart: it is a combination of a line chart (the base chart type) and candlestick markers. The value of 1 in |
|