Можно использовать при форматировании следующих визуальных свойствФорматирование может применяться в следующих элементах виджета:
, , , , .При работе с форматированием Оси X, Оси Y, Оси Y Дополнительной можно использовать следующие зарезервированные командыследующую зарезервированную команду:
При работе с форматированием подписей и подсказок можно использовать следующие зарезервированные команды:
@value.y
- значение точки по оси Y
@value.x
- название точки по оси X
@point.name
- название точки на координатном пересечении
@point.color
- цвет серии
@series.name
- название серии
Примеры использования
:Форматирование подписи в зависимости от серии
Image Removed
Поле форматора находится в пункте “Подписи” → “Подписи точек/столбцов”.
Image Removed
codeВы можете задать подписи на точках или столбцах гистограммы. Например, чтобы задать подписи на точках при условии, что именем серии является Прибыль, необходимо ввести следующую команду в поле Форматирование подписейточек/столбцов раздела Подписи:
@series.name
==
"Прибыль"
?
@value.y
+
"
%"
: : @value.y
Где
@series.name == "Прибыль"
- условие, при котором названием серии является Прибыль;
@value.y
- значение по оси Y;
+ " %"
- добавленный текст.
Image AddedНастройка подписей осей
Для изменения надписей осей необходимо в свойствах осей
Image Removed
Поле форматора находится в пунктах “Ось X”, “Ось Y” или “Ось Y Дополнительная”.
Image Removed
Блок кода |
---|
@value/1000 +' млн. руб' |
Выравнивание подписей по центру
В коде виджета добавить строку:
Блок кода |
---|
language | jsввести соответствующую команду в поле Форматирование. Данное поле доступно для следующих элементов:
Ось X
Ось Y
Ось Y Дополнительная
Например, для изменения надписей по оси Y существующего графика мы выполним следующую команду:
@value/1000 +' млн. руб'
Где
@value/1000
- значение оси, деленное на 1000;
+' млн. руб'
- добавленный текст.
Image Added Информация |
---|
Аналогичным образом можно изменить надписи для других осей (Х, Y) в соответствующих разделах. |
Выравнивание подписей по центру
Для выравнивания надписей по центру в столбцах используется следующая команда:
'<div style="text-align:center">$(@value.y)</div>'
Где @value.y
- значение по оси Y.
Image Added Внимание! Для того, чтобы выполнилась данная команда, необходимо включить режим работы с HTML. Для этого выполните следующую команду в коде виджета:
w.plotOptions.series.dataLabels.useHTML
=
true
Прописать стиль в форматоре, используя пример из картинки ниже.
Image RemovedImage Added
Информация |
---|
Данный метод выравнивания работает, если в настройке столбцов включено накопление. |