Форматирование виджетов "График", "Гистограмма", "Линейчатая диаграмма"

Можно использовать при форматировании следующих визуальных свойств:

Ось X, Ось Y, Ось Y Дополнительная, Подписи (Подписи точек/столбцов), Подсказка.

При работе с форматированием Оси X, Оси Y, Оси Y Дополнительной можно использовать следующие зарезервированные команды:

  • @value - название (значение, если числа) точки

При работе с форматированием подписей и подсказок можно использовать следующие зарезервированные команды:

  • @value.y- значение точки по оси Y

  • @value.x - название точки по оси X

  • @point.name - название точки на координатном пересечении

  • @point.color - цвет серии

  • @series.name - название серии

Примеры использования:


Форматирование подписи в зависимости от серии

Поле форматора находится в пункте “Подписи” → “Подписи точек/столбцов”.

@series.name == "Прибыль" ? @value.y + " %" : @value.y

Настройка подписей осей


Поле форматора находится в пунктах “Ось X”, “Ось Y” или “Ось Y Дополнительная”.

@value/1000 +' млн. руб'


Выравнивание подписей по центру

В коде виджета добавить строку:

w.plotOptions.series.dataLabels.useHTML = true

Прописать стиль в форматоре, используя пример из картинки ниже.


Так же на этой странице: