Как задействовать компоненту “Диаграмма” на странице?

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

Страница “Реестр задач” должна иметь следующие настройки:

• основным элементом страницы должна быть компонента “Диаграмма”, главной сущностьюкоторойдолжна быть назначена таблица “Список задач” (tasks).
• необходимо задействовать компоненту Набор фильтров с включенной “живой фильтрацией” и с вложенной в Набор фильтров дочерней компонентой “Фильтр по полю ввода с подбором значения” для указания проекта , по которому следует осуществить отбор записей из списка задач.

Решение задачи:

Предполагается, что страница Реестр задач уже создана бизнес-аналитиком, расположена в проекте и связана с Пользовательской задачей на BPMN-схеме процесса . Для решения поставленной задачи необходимо произвести следующие действия:

• добавить внутрь страницы компоненту"Диаграмма"
• в настройках добавленнойкомпонентыперейти к раздел у Диаграмма .Подгрузка данных - Источник данных - Граф сущностей и настроить его (рис. 1, рис. 2).

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

рис.1 Настройка Графа сущностей компоненты

Настроить прочие параметры компоненты"Диаграмма", указав на сущности и колонки, содержащие требуемую информацию.

рис.2 Настройка компоненты

• добавить компоненту Набор фильтровс включенной “живой фильтрацией” (рис.4)

  рис.4 Добавление Компонента Набор фильтра и его связь с компонентой Диаграмма

• добавить 2 компоненты Фильтр по полю ввода с подбором значения для фильтрации по проекту и по исполнителю задачи (рис.5)

Фильтр по полю ввода с подбором значения “Фильтр по исполнителю”

рис. 5 Настройка компонент Фильтр по полю ввода с подбором значения

• настроить добавленные компоненты Фильтр по полю ввода с подбором значения для фильтрации (рис.6)

Фильтр по полю ввода с подбором значения “Фильтр по исполнителю”

Рис. 6 Настройка компонент Фильтр по полю ввода с подбором значения

На этом настройка компоненты закончена, запускаем приложение.

Результат выполнения задачи:

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

Сузим массив показателей для формирования визуального представления на Диаграмме :