Библиотека виджетов

Комбинированная диаграмма

Представляет собой две координатные оси на которых могут быть расположены линейный график и гистограмма.

Вкладка «Данные»

Кроме стандартных секций для данной визуализации предусмотрены следующие:

Тип

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

  1. Стопкой. Высота каждого столбца является суммой значений
  2. Группой. Каждый столбец зависит от значения показателя
  3. Номинированная на 100%. На оси отображаются проценты от 0 до 100, значения показателей автоматически пересчитываются в процентах

Поворот на 90°

Вне зависимости от выбранного типа компоновки визуализацию можно повернуть на 90 градусов. За это отвечает специальная секция панели настроек

Выбор данных

На вкладке "Данные" для построения визуализации необходимы 1 разрез (измерение), которое является осью Х на графике и показатели (меры) (неограниченно), значения которых являются графиками (гистограммой или линейным). Могут быть добавлены альтернативные разрезы, которые создадут вкладки на графике.

Параметры показателей

Открыть окно параметров показателя можно, нажав на соответствующую кнопку:

Название из источника

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

Доп. показатель

Если включить этот параметр, показатель будет отображен на дополнительной оси Y (отображение оси можно включить на вкладке "Вид")

Тип элемента

Значения показателей могут быть отображены как столбцы гистограммы, либо как точки линейных графиков с помощью выбора типа элемента: столбик/линия

Столбик

В этом режиме показатели будут отображены в соответствии с выбранной компоновкой столбцов. При выборе режима "Столбик доступны следующие параметры:

Линия

На показатели в этом типе элемента секция «компоновка столбцов» не распространяется. Для этого типа элемента предусмотрены настройки графического отображения:

В этом типе элемента также как и в «столбцовом» предусмотрено управление расположением значений — над точкой или под точкой. А также поворот значений на 90°.

Цвет показателя

Для каждого показателя можно выбрать цвет

Параметры разрезов

Стандартные

Вкладка вид

Состоит из секций рассмотренных в разделе параметры виджета, а также:

Ось разрезов

Ось показателей

Ось доп. показателей

При включении отображает ось дополнительных показателей в правой части визуализации. Содержит параметры, аналогичные параметрам оси показателей.

Приближение по горизонтали

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

Приближение по вертикали

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

Ручные отступы графика

Позволяет вручную отрегулировать расстояние между изображением графика и любой из сторон контейнера. На изображении ниже установлены отступы со значением "0":

Круговая диаграмма

Представляет собой круг, который делится на доли в зависимости от количества и значений показателя

Вкладка «Данные»

Тип

Секция предоставляет возможность выбрать один из двух типов визуализации:

примеры:


Пирог


Роза

Выбор данных

Для построения необходимы 1 разрез (измерение) и 1 показатель (мера). Могут быть добавлены альтернативные разрезы, которые создадут вкладки с альтернативными графиками. Более показателей добавить нельзя.

Параметры показателей

Кроме стандартных секций для линейного графика предусмотрены следующие:

Оформление

Подпись

То что будет выведено в подпись.

Формат значений

Позволяет выбрать в каком виде будут представлены значения показателя

Параметры разрезов

Группировка по дате — позволяет сгруппировать данные по дням, неделям, месяцам, кварталам, году с возможностью выбора формата даты

Вкладка вид

Состоит из секций рассмотренных в разделе параметры виджета.

Таблица

image.png

Вкладка «Данные»

Для построения необходимы разрезы (измерения) и/или показатели (меры) (неограниченно), и те, и другие являются столбцами таблицы

Можно изменять порядок показателей, порядок разрезов, переместить показатель в разрез и наоборот. Однако на первом месте всегда располагается разрез

Дополнительно к стандартным основным секциям в этом виджете добавится

Сгруппировать все разрезы

Если разрезов больше одного, все они схлопнутся «под плюсик», в сводную таблицу. То есть в каждом значении верхнеуровнего разреза при раскрытии будут все значения вложенного. И так по цепочке до самого последнего (нижнего).

Параметры показателей

Сортировать по этому столбцу

При активной настройке таблица будет отсортирована (по умолчанию) по этому столбцу на момент открытия проекта пользователем. Настройка может быть включена только для одного столбца (то есть при активации в одном у остальных она автоматически деактивируется). Сортировка осуществляется по возрастанию либо по убыванию.

Рассчитать итог

При условии, что строка итогов отображается, секция активирует показ итогового значения по данному показателю в соответствующем столбце таблицы с числовыми, денежными или процентными значениями. Значение процента итога - от 0 до 100.

Предусмотрен выбор функции агрегации (сумма, количество, мин/макс, среднее, медиана, пользовательское выражение).

Задать ширину столбца

При активной настройке ширина отдельных столбцов может быть задана вручную в пикселях. Остальные столбцы, где данный параметр не выбран, займут оставшееся пространство по ширине.

Параметры разрезов

Помимо стандартных секций для простой таблицы предусмотрены следующие:

Задать ширину столбца

При активной настройке ширина столбца задается вручную в пикселях

Группировать

Сгруппирует (свернет под «плюсик») все разрезы которые идут после этого. То есть в каждом значении верхнеуровнего разреза при раскрытии будут все значения вложенного. И так по цепочке до самого последнего. Активация будет доступна только если этот разрез первый в списке, либо в предыдущем разрезе эта настройка уже активирована.

Вкладка "Вид"

Помимо стандартных секций для таблицы предусмотрены следующие:

Подсказка

При активной настройке в таблице выводится текст подсказки, который пользователь вводит вручную

Вертикальные линии

При неактивной настройке вертикальные линии в таблице будут скрыты. По умолчанию включено.

Горизонтальные линии

При неактивной настройке горизонтальные линии в таблице будут скрыты. По умолчанию включено.

Адаптивная таблица

При неактивной настройке таблица перестает растягиваться по ширине контейнера, и принимает размеры, установленные в настройках столбцов. По умолчанию включено.

Отбивка столбца разрезов

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

Отбивка шапки

При активации соответствующих чекбоксов строка заголовков («шапка») таблицы будет выделена фоном, жирной линией либо и тем, и другим.

Отбивка шапки

При активации соответствующих чекбоксов строка итогов таблицы (если она включена) будет выделена фоном, жирной линией либо и тем, и другим.

Отбивка строк

При активной настройке строки заливаются цветом через одну.

Внутренний отступ в ячейках

Для данного виджета предусмотрено управление внутренними расстояниями по вертикали и горизонтали.

Показать строку итогов

При активной настройке в таблице будет показана строка с итогами для показателей, в которых была включена настройка «Рассчитать итог».

Расположение строки итогов может быть сверху таблицы, так и снизу

Диаграмма "Дерево"

Представляет собой полотно с прямоугольными ячейками, размер которых зависит от значения показателя. Ячейки располагаются от левого верхнего угла к правому нижнему по убыванию.

Вкладка «Данные»

Выбор данных

  1. Для построения необходимы разрезы (измерения)(неограниченно) и 1 показатель (мера). Альтернативы добавлять нельзя. Более показателей добавить нельзя
  2. При добавлении более одного разреза ячейки делятся на доли по количеству значений второго разреза, а первый становится группой по этим долям (пример на рисунке) и тд.

Параметры показателей

Для диаграммы "Дерево" предусмотрены стандартные секции.

Параметры разрезов

Кроме стандартных секций предусмотрены:

Показать значения

При включении отображает значение каждого показателя внутри его доли на диаграмме

Вкладка «Вид»

Секции, рассмотренные в разделе параметры виджета.

Диаграмма "Heatmap"

Представляет собой две координатные оси и прямоугольники разного цвета, расположенные на координатной плоскости.

Диаграмма Heatmap (градиент)

image.png

Диаграмма Heatmap (ступенями)

image.png

Вкладка "Данные"

  1. Реальные данные (вкл/выкл): переключает отображение реальных и виртуальных данных
  2. Ось X, Ось Y, Показатель: для построения необходимы 2 разреза (измерения), где каждое значение является координатами по оси X и Y соответственно и 1 показатель (мера), значение которого является значениями на пересечениях координат. Более показателей/разрезов добавить нельзя. Есть возможность настроить параметры показателя и разрезов.
    1. Параметры значений разрезов:
      • Показывать пустые значения: на оси разрезов будут отображены метки разреза у которых нет значений
      • Группировать по дате: отображение значений разреза на оси координат меняется в соответствии с выбранной группировкой
    2. Параметры значений показателя:
      • Показать значения: отобразить значения показателя на диаграмме
      • Ориентация: повернуть на 90 градусов
      • Начертание: включить жирный, курсивный и подчеркнутый шрифт
      • Размер: указать размер шрифта в пикселях
      • Межбуквенный интервал: установить интервал между символами в пикселях
      • Цвет: выбрать цвет символов
      • Форматирование значений: включить форматирование (например, вместо "1" отобразить "1,00 $"
      • Выбор формата: числовой, процентный, валютный (можно выбрать тип), долевой, степень числа
      • Дополнительные параметры формата: текстовое поле (разместить после числа произвольный текст),  уменьшить число знаков после запятой, увеличить число знаков после запятой, разбить число по три символа пробелами
  3. SQL: открыть SQL-редактор для этой визуализации
  4. Цвет: определяет цвет заливки прямоугольников со значениями показателей одним из нескольких режимов:
    1. Градиент: от минимального (цвет 1) к максимальному (цвет 2) значению лимита
      • Легенда отображается в виде градиента (см. рис "Диаграмма Heatmap (градиент)
      • Можно настроить промежуточные цвета (аналогично функциональности "Цвет по значению")

        image.png

    2. Ступенями: настраивается аналогично градиенту, но переходы цветов отсутствуют, отображаются только выбранные цвета.
      • Диапазон значений разбивается на эти цвета поровну и автоматически.
      • Легенда отображается в автоматическом режиме
  5. Лимит: ограничивает данные для построения диаграммы указанным количеством строк
  6. Мин/макс значение: ограничивает значения показателей в пределах, установленных данным параметром

Вкладка "Вид"

Аналогично комбинированной диаграмме

Пузырьковая диаграмма

Представляет собой две координатные оси и точки, расположенные на координатной плоскости. 

Для построения необходимы 1 разрез (измерение), где каждое значение является точкой (пузырьком) и 2 показателя (меры), значения которых являются координатами для точек. Более показателей/разрезов добавить нельзя.

image.png

  1. Реальные данные(вкл/выкл): переключает отображение реальных и виртуальных данных
  2. Построить диапазон по (выбор показателя): позволяет выбрать показатель для построения легенды, с помощью которой можно выбрать крайние значения (на рисунке расположена под диаграммой)
  3. Оси (выбор поля): Показатели, значения которых будут использованы в осях диаграммы. Параметры показателя:
    • Форматирование значений: включить форматирование (например, вместо "1" отобразить "1,00 $"
    • Выбор формата: числовой, процентный, валютный (можно выбрать тип), долевой, степень числа
    • Дополнительные параметры формата: текстовое поле (разместить после числа произвольный текст),  уменьшить число знаков после запятой, увеличить число знаков после запятой, разбить число по три символа пробелами
    • Мин/Макс для основных: позволяет выставить лимит значений показателя
  4. Пузырьки (выбор поля): Разрез, значения которого будут использованы для расположения и наименования пузырьков. Параметры разреза:
    • Название из источника(вкл/выкл): в названии показателя будет выведено название столбца (поля) из таблицы в модели данных
    • Пустые значения(вкл/выкл): скрыть либо показать ячейки столбца в которых отсутствуют значения
    • Показать значения (вкл/выкл): отобразить либо скрыть значения разреза на диаграмме
    • Форматирование: позволяет изменить вид и расположение значений разреза на диаграмме
  5. Размер пузырька: размер точек может быть задан дополнительным показателем (опционально)(например, на рисунке размер точки зависит от количества заказов, оформленных на одно название товара). Если показатель не добавлять, размер у всех точек будет один. Параметры показателя:

    • Название из источника(вкл/выкл): в названии показателя будет выведено название столбца (поля) из таблицы в модели данных
    • Тип элемента (базовый/показатель): если выбран "базовый", то все точки будут одинакового, указанного в параметре, размера. Если выбран "показатель" -- точкам будет присвоен размер в диапазоне от минимального к максимальному, в зависимости от значения показателя. 
  6. SQL: открыть SQL-редактор для этой визуализации
  7. Цвет пузырьков: определяет цвет заливки пузырьков со значениями показателей одним из нескольких режимов:
    1. Вручную: выбор одного цвета для всех пузырьков вручную
    2. Градиент: от минимального (цвет 1) к максимальному (цвет 2) значению лимита
      • Легенда отображается в виде градиента 
      • Можно настроить промежуточные цвета (аналогично функциональности "Цвет по значению")

        image.png

    3. Ступенями: настраивается аналогично градиенту, но переходы цветов отсутствуют, отображаются только выбранные цвета.
      • Диапазон значений разбивается на эти цвета поровну и автоматически.
      • Легенда отображается в автоматическом режиме
    4. По условию: цвет настраивается в зависимости от результата SQL-запроса, например:
      CASE 
      WHEN Car.BRAND = 'Toyota' THEN '1'
      WHEN Car.BRAND = 'Mitsubishi' THEN '2'
      ELSE '3'
      END
      где цифры в одинарных кавычках это выбранные образцы цвета
  8. Цвет значения: аналогичная предыдущей настройка цвета для подписей значений
  9. Лимит: ограничивает данные для построения диаграммы указанным количеством строк

Вкладка "Вид"

Аналогично комбинированной диаграмме

 

Медиаблок

Виджет который может содержать текст, фоновую заливку или картинку и зменять их свойства в зависимости от заданного пользователем SQL-выражения.

image.png

Вкладка «Вид»

image.png

Параметры текстовой части виджета

Параметры контейнера

Стандартная секция для всех виджетов. За исключением настройки цвета фона. Здесь фон может быть дополнительно по условию.

Модель данных

Выбор модели данных, к которой будет обращен SQL-запрос данного виджета

Свойства

Основное поле ввода, в котором формируется структура результирующего текста. Текст может быть простым, может содержать динамические блоки (переменные). Может также содержать гиперссылки. Пробелы и переносы строк учитываются.

Синтаксис:

Гиперссылку [url] можно сделать динамической, передав ее через переменную. Однако, в текст ссылки через переменную передать не получится. #{{var}}... - не сработает

image.png

 

image.png

 

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

Переменные

Список переменных, использующихся в тексте. Можно увеличить их количество кнопкой «Добавить переменную» или удалить выбранную переменную с помощью кнопки "Корзина". Переименовать переменную можно нажав на ее название.

image.png

Параметры переменной

image.png

Рядом с названием переменной находится кнопка, вызывающая редактор SQL-запроса для конкретной переменной. Сдесь можно написать выражение, изпользуя поля выбранной модели данных. В переменную попадет последнее полученое значение.

image.png

image.png


С другой стороны названия находится кнопка вызова панели насктроек для этой переменной: 

image.png

Формат. Если результатом расчета выражения будет число, то ему можно применить стандартное форматирование, как во всех остальных визуализациях.

image.png

Свойства. Это такое же текстовое поле как в результируещем тексте, но только для этой переменной. В фигурные скобки этой переменной в основном блоке пойдет все что указано в локальном. Простой текст и/или ключевое слово «value», которое означает результат выражения переменной, если оно есть.  

Подсекции оформления текста переопределят свойства аналогичные основного текста для этой переменной после активации переключателя. 

image.png



SQL

С помощью данной секции/кнопки можно открыть общий редактор кода, в котором находятся все выражения, определяющие значения переменных и их названия (после ключегого слова AS). Также есть возможность наложить фильтры на запросы значений для переменных. 

image.png

Позиционирование

Данная настройка позволяет располагать текст относительно центра контейнера по горизонтали и вертикали:

• Слева
• По центру
• Справа

Свойства

Начертание: предоставляет возможность преобразовать текст:

Размер шрифта: задается вручную в пикселях

Межстрочный интервал: задается вручную в процентах

Межбуквенный интервал: задается вручную в пикселях

Цвет: любой цвет из палитры, либо один из интерфейсных цветов

Прозрачность: задается вручную в процентах

Внешние отступы: для данного виджета предусмотрено управление внутренними расстояниями по вертикали и горизонтали. Кнопка связи активирует одновременное изменение отступов виджета

Лимит

Позволяет установить ограничение итогового результата по количеству строк. По умолчанию установлен лимит 1.

Вкладка "Изображение"

Содержит параметры медиаблока, управляющие фоновыми изображениями

Тип

Позволяет выбрать источник изображения: база данных или внешняя ссылка. При выборе типа "БД" требуется указать поле, содержащее значения в формате http-ссылок на картинок. Если поле содержит более одной ссылки, появится слайдер для перелистывания картинок.
Пример картинки со слайдером:

image.png

Фон

Позволяет настроить условия для отображения картинок аналогично параметрам фона вкладки "Вид":

Пропорции

Позволяет настроить способ размещения изображения внутри виджета:

Фильтр «Выпадающий список»

Фильтр "Список"

Представляет собой разворачивающийся список, в котором можно использовать значения выбранного столбца как фильтры, применяющиеся ко всему листу. Значения можно искать как скроллом по всем, так и с помощью поисковой строки. Может быть выбрано более одного значения.

Выбранные значения фильтра отображаются на листе как название фильтра и количество выбранных в нем значений. Фильтр имеет следующие элементы управления:

  1. Кнопка «Сохранить»: закрывает и активирует фильтр
  2. Кнопка «Отмена»: закрывает фильтр и не сохраняет изменения
  3. Кнопка "Крестик около названия активного фильтра: отменяет фильтрацию
  4. Кнопка «Корзина» в правом верхнем углу дашборда: отменяет все выбранные значения
  5. Вкладка с названием фильтра в верхней части дашборда: при наведении курсора мыши отображает активные значения фильтра; при нажатии на крестик отменяет фильтрацию

Основные настройки

Реальные данные

Скрыть/показать данные из модели. Пока отключена глобальная настройка, управляющая показом данных каждый виджет может быть настроен в отдельности. По умолчанию отключено. Подробнее о виртуальных данных

Модель данных

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

Применить ко всем листам

Данная настройка позволяет применить выбранные фильтры ко всем листам приложения

Название из источника

Присваивает фильтру название таблицы, которая выбрана для получения элементов фильтра

Имя фильтра

При включенном названии из источника оно дублируется как в источнике, иначе задается вручную.

Элементы фильтра

Выбирается столбец из модели данных. Выбранный столбец становится выпадающим списком (фильтром) на листе, где можно выбирать значения, по которым будет отфильтрован лист.

При клике на значение оно выбирается, при повторном - выбор снимается. При клике на другое значение оно добавляется к выборке

После выбора каких-либо значений возле названия фильтра появляется кнопка «крестик», при нажатии на которую все фильтры будут удалены. Чтобы открыть список еще раз необходимо нажать на его название.

Позиционирование

Данная настройка позволяет располагать фильтры относительно центра рабочей области слева/по центру/справа

Отключить перемещение контейнера

Позволяет избежать случайного перемещения диаграммы по рабочей области, блокируя ее расположение в режиме редактирования

Фильтр «По периоду»

Этот тип фильтра понимает только тип данных «Дата» и фильтрует ваш дашборд по выбранному в нем периоду

image.png

image.png

image.png

Имеет несколько режимов

Настройки

image.png

Параметры контейнера
Реальные данные

Скрыть/показать данные из модели. Пока отключена глобальная настройка, управляющая показом данных каждый виджет может быть настроен в отдельности. По умолчанию отключено. Подробнее о виртуальных данных

Модель данных

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

Применить ко всем листам

Данная настройка позволяет применить выбранные фильтры ко всем листам приложения

Название

Надпись которая будет выведена когда в фильтре ничего не выбрано

Позиционирование

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

Фильтр «Кнопки»

Представляет собой одну (или несколько) кнопку, нажатие на которую отфильтрует весь лист по ее значению. Может быть выбрано не более одного значения. Выбор значения происходит по клику на один из элементов фильтра. Если сохранить лист с активным фильтром, фильтрация будет активна при следующем открытии листа.

Основные настройки

Параметры контейнера
Реальные данные

Скрыть/показать данные из модели. Пока отключена глобальная настройка, управляющая показом данных каждый виджет может быть настроен в отдельности. По умолчанию отключено. Подробнее о виртуальных данных

Модель данных

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

Применить ко всем листам

Данная настройка позволяет применить выбранные фильтры ко всем листам приложения

Элементы фильтра

Для построения необходимо выбрать столбец (столбцы) из импортированных данных. Количество столбцов будет равно количеству кнопок фильтра.
Напротив имени каждого столбца отображается количество значений, которое в нем содержится.

Внутренние отступы

Для данного виджета предусмотрено управление внутренними расстояниями по вертикали и горизонтали. Кнопка связи активирует одновременное изменение отступов виджета

Позиционирование

Данная настройка позволяет располагать фильтры в границах контейнера по левому краю/по центру/по правому краю.