Перейти к содержанию

KPI

Виджет типа KPI - это инструмент для отображения ключевых показателей эффективности. Представляет собой совокупность расположенных друг за другом значений (индикаторов). Данные отображаются в виде индикаторной области с заголовком Ключевые показатели.

img

Чтобы выбрать тип виджета KPI, нажмите на кнопку img на вкладке Вид области основных настроек виджета. Чтобы сформировать виджет, выберите необходимые поля из вкладки Данные и установите тип агрегации данных.

В зависимости от настроек Агрегаты в виджете KPI используются показатели по первой группе либо итоговые показатели. Доступны следующие настройки:

  • настройка агрегатов - каждая созданная группа в настройке Агрегаты отображает результаты промежуточной агрегации по первой группе или итоговой агрегации;

  • форматирование промежуточных агрегатов ведется как через цвет агрегата в настройке Агрегаты, так и с помощью условного форматирования в карточке агрегата. Условное форматирование в приоритете над установленным цветом агрегата в его настройке;

  • форматирование итоговых агрегатов ведется только через цвет агрегата в настройке Агрегаты. Условное форматирование итоговых агрегатов недоступно.

Количество обрабатываемых строк для виджета - 100.

Внешний вид виджета

При переходе на вкладку Вид для виджета типа KPI отображаются следующие настройки:

  • Информация о виджете;

  • Подписи;

  • Агрегаты;

  • Разделители;

  • Название;

  • Фон;

  • Вид.

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

Информация о виджете

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Информация о виджете:

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка выключена;

  • img текст - поле ввода текстовой информации. По умолчанию значение отсутствует;

Подписи

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Подписи:

  • img Заголовок - при нажатии включает/выключает отображение заголовка в виджете. По умолчанию включена;

  • img текст - поле ввода текстовой информации. По умолчанию значение Ключевые показатели;

Для текста доступно использование переменных (типы переменных: константа, расчетная, редактируемая). Наименование перемененной вносится вручную в [ ], значение будут отображены, как в режиме редактирования, так и в режиме просмотра, по внутренней/публичной ссылкам.

img

  • img Выравнивание - кнопки:

    • img слева - значение по умолчанию;
    • img по центру;
    • img справа;
  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • img жирный;
    • img курсив;
    • img подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 14;

Максимальный размер шрифта 256, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Подзаголовок - при нажатии включает/выключает отображение подзаголовка в виджете. По умолчанию выключена;

  • img текст - поле ввода текстовой информации. По умолчанию значение отсутствует;

Для текста доступно использование переменных (типы переменных: константа, расчетная, редактируемая). Наименование перемененной вносится вручную в [ ], значение будут отображены, как в режиме редактирования, так и в режиме просмотра, по внутренней/публичной ссылкам.

img

  • img Выравнивание - кнопки:

    • img слева - значение по умолчанию;
    • img по центру;
    • img справа;
  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • img жирный;
    • img курсив;
    • img подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 12;

Максимальный размер шрифта 256, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #7A8492;

  • img Расположение - выпадающий список с вариантами возможного расположения:

    • сверху - значение по умолчанию;
    • снизу;

Агрегаты

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

По кнопке img Добавить настройку добавляются дополнительные настройки.

По кнопке img Удалить настройку удаляются дополнительные настройки.

img

Перечень всех настроек блока Агрегаты:

  • img Расположение - кнопки возможного расположения:

    • img горизонтальное - значение по умолчанию;
    • img вертикальное;
  • img заголовок - при двойном клике доступно поле для изменения названия;

  • img Выравнивание - кнопки:

    • img слева - значение по умолчанию;
    • img по центру;
    • img справа;
  • img Заголовок - при нажатии включает/выключает отображение заголовка в виджете. По умолчанию включена;

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • img жирный;
    • img курсив;
    • img подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 12;

Максимальный размер шрифта 256, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Значение - при нажатии включает/выключает отображение значения агрегатов. По умолчанию включена;

  • img Агрегация- при нажатии раскрывается список типа агрегации для отображении на виджете:

    • промежуточная - значение по умолчанию;
    • итоговая;

Если в структуру добавлен агрегат с несоответствующим типом агрегации, в виджете будет отображаться  только название агрегата без значения.

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • img жирный - значение по умолчанию;
    • img курсив;
    • img подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 32;

Максимальный размер шрифта 256, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

Цвет также можно установить с помощью условного форматирования типа Цвет текста. Условное форматирование приоритетнее заданного цвета в настройке внешнего вида.

img

  • img Пустое значение - поле ввода для указания значения, которое будет отображаться в случае отсутствия данных при фильтрации;

  • img Агрегаты - при нажатии открывается список настроенных агрегатов с возможностью множественного выбора. Настройка применится к выбранным агрегатам в этом списке. По умолчанию выбраны все агрегаты;

Новые агрегаты по умолчанию попадают в первую настройку. На каждый агрегат может быть только одна настройка - если в новой настройке выбрать агрегат, прошлая настройка не будет к нему применяться.

Разделители

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Разделители:

  • img Под заголовком - при нажатии включает/выключает отображение разделителей под заголовком. По умолчанию настройка включена;

  • img Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #DFE5ED;

  • img Между агрегатами - при нажатии включает/выключает отображение разделителей между агрегатами. По умолчанию настройка включена;

  • img Тип линии - кнопки:

    • img сплошная линия - значение по умолчанию;
    • img пунктирная линия;
  • img Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #DFE5ED;

Фон

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Фон:

  • img Скругление - ползунок для установки скругления границы. По умолчанию значение 16;

  • img Тип - кнопки:

    • img заливка - позволяет выбрать единый цвет фона в настройке Цвет;
    • imgградиент - позволяет выбрать фон с переходом двух цветов в настройках Угол и Цвета соответственно;
    • img изображение - позволяет выбрать изображение фона в формате PNG или JPEG;
    • img шаблон - позволяет выбрать фон из доступных. Значение по умолчанию;
  • img Цвет - при нажатии раскрывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Цвет активно при включенной настройке Тип в значении заливка.

  • img Цвета - при нажатии на сегмент открывается окно с палитрой цветов. По умолчанию установлены значения #FFFFFF и #F2F4F8. Кнопка img Поменять местами позволяет поменять местами цвета для создания градиента;

  • img Угол - кнопки направления градиента:

    • img сверху вниз - значение по умолчанию;
    • img слева направо;
    • img справа налево по диагонали вниз;
    • img слева направо по диагонали вниз;

Цвета и Угол активно при включенной настройке Тип в значении градиент.

  • img выбор файла - при нажатии открывается окно для выбора изображения в формате PNG или JPEG. Также доступно перетаскивание файла в область для загрузки;

Форма выбора файла активна при включенной настройке Тип в значении изображение.

  • img фон - при нажатии изменяет фон подложки виджета согласно выбранного шаблона. По умолчанию установлено значение img;

Форма выбора фона активна при включенной настройке Тип в значении шаблон.

  • img Обводка - при нажатии включает/выключает отображение ободки тренда. По умолчанию настройка выключена;

  • img Цвет обводки - при нажатии открывается окно с палитрой цветов. По умолчанию установлено значение #DFE5ED;

Цвет обводки активно при включенной настройке Обводка.

  • img Тень - при нажатии включает/выключает отображение тени тренда. По умолчанию настройка включена;

Название

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Название:

  • img Отображение - при нажатии включает/выключает отображение в виджете. По умолчанию настройка включена;

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение шрифт из блока настроек Вид;

  • img Начертание - кнопки: 

    • img жирный - значение по умолчанию;
    • img курсив;
    • img подчеркнутый;
  • img Размер - при нажатии раскрывается список с размерами шрифта. По умолчанию значение 18;

Максимальный размер шрифта 64, так же доступен ручной ввод значения размера шрифта.

  • img Цвет текста - при нажатии открывается окно с палитрой цветов. По умолчанию значение #202224;

  • img Цвет фона - при нажатии открывается окно с палитрой цветов. По умолчанию значение #FFFFFF;

Вид

По умолчанию блок настроек свернут. Нажмите на кнопку img, отобразятся настройки блока.

img

Перечень всех настроек блока Вид:

  • img Шрифт - при нажатии раскрывается список доступных шрифтов. По умолчанию значение PT Root UI;