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

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

  1. Для настройки форматирования визуальных свойств, в платформе существуют зарезервированные функции, используя которые можно получить интерактивное отображение данных на виджетах или виджеты удовлетворяющие особым визуальным аспектам.
  2. Для работы с цветом, существует несколько способов задания цвета
    • HTML имя цвета
    • rgba
    • HEX
  3. Правила синтакисиса
    • Математические операции:
      • @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'


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


  1. Виджеты "График", "Гистограмма", "Линейчатая диаграмма"
    • Доступные функции:
      • Форматирование подписей и подсказки:

        • @value.y - значение точки
        • @value.x - название точки
        • @point.name - название точки
        • @point.color - цвет серии
        • @series.name - название серии
      • Форматирование Оси X и Оси Y:

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


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