Продвинутое форматирование свойств виджетов

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

Для настройки форматирования визуальных свойств, в платформе существуют зарезервированные функции, используя которые можно получить интерактивное отображение данных на виджетах или виджеты удовлетворяющие особым визуальным аспектам.
Для работы с цветом, существует несколько способов задания цвета
- HTML имя цвета
- rgba
- HEX
Правила синтакисиса
- Математические операции:
  - @value * 1000
  - (@value +100)/100
  - и т.д.
- Логические операции:
  - @row[0] - @row[1] > 100 ? 'blue':'red'
  - @level == 0 ? @value + ' год' : @level==1? 'месяц ' + @value : ''
  - @value == 'Стоимость реализации товара' ? @value + " руб." : ""
  - @columnPath == "Январь" ? '#03a9e3' : ""
  - и т.д.
- Дополнение текста:
  - @value + " руб."
  - @value == "Ж" ? @value = "Женщины": @value == "М" ? @value = "Мужчины": @value
  - и т.д.
- Форматирование стиля текста:
  - '<div style=»color: red»>' + @value + '</div>'
  - '<div style=»color:' + @point.color + '»> '+ @series.name+ '</div'

Доступные функции для виджетов:

Виджеты "График", "Гистограмма", "Линейчатая диаграмма"
- Доступные функции:
  - Форматирование подписей и подсказки:
    - @value.y - значение точки
    - @value.x - название точки
    - @point.name - название точки
    - @point.color - цвет серии
    - @series.name - название серии
  - Форматирование Оси X и Оси Y:
    - @value - название (занчение, если числа) точки
Виджет "Круговая диаграмма"
- Доступные функции:
  - Форматирование подписей и подсказки:
    - @value.y - значение точки
    - @point.name - название точки
    - @point.color - цвет точки
    - @series.name - название серии
    - @total - сумма значений всех точек в серии
  - Форматирование подписи в центре:
    - @total - сумма значений всех точек в серии
Виджет "Таблица"
- Доступные функции:
  - Форматирование значений:
    - @value - значение в ячейке таблицы
Виджет "Сводная таблица"
- Доступные переменные:
  - Форматирование шапки:
    - @value - значение ячейки
  - Форматирование текста боковика:
    - @value - значение в ячейке таблицы
    - @level - уровень вложенности
    - @rowLevel (@level) - текущий уровень вложенности
    - @path- массив всех родительских уровней
      - @path[0] - самый первый родитель
      - @path[@level-1] - ближайший родитель
  - Форматирование ячеек данных:
    - @value - значение в ячейке таблицы
    - @rowPath- массив родителей-строк
    - @rowLevel - текущий уровень вложенности по строкам (РАБОТАЕТ С 1)
    - @columnPath- массив родителей-столбцов
    - @columnLevel - текущий уровень вложенности
    - @value - значение ячейки
Виджет "Плоская таблица"
- Доступные переменные:
  - Форматирование шапки:
    - @value - значение в шапке таблицы
  - Форматирование ячеек данных:
    - @value - значение в ячейке таблицы
    - @column - название столбца в таблице
    - @row - массив значений строчки
      - @row[0] - обращение к элементу массива через индекс столбца
      - @rowByName['"Fakticheskie_prodazhi_v_rublyah","Stoimost_realizatsii"'] - обращение к элементу массива через unique name
Виджет "Текст"
- Доступные функции:
  - @value - первое значение в данных
  - @array - массив данных. Можно указывать индекс @array[1] - взять второй элемент в массиве. Индекс начинается с нуля.

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