Настройка детализации представляет собой возможность добавления ссылок для перехода при нажатии на какой-либо элемент виджета. Возможно настроить переход на другой слой текущего проекта, на другой проект или переход по внешней ссылке (например, ссылка для перехода на какой-нибудь сайт).
Для настройки детализации следует нажать на кнопку , расположенную в верхнем правом углу области с виджетом:
После нажатия на кнопку появляется окно настройки детализации:
Окно состоит из следующих блоков:
- Поле «Ссылка». Вводится адрес ссылки для перехода;
- Поле «Название». Вводится название ссылки. Если не ввести название, в окне для перехода при нажатии на элемент виджета будет отображаться адрес ссылки;
- Поле «Ключ». Поле предназначено для ввода ключа фильтра. По этому ключу происходит фильтрация на слое, на который происходит переход. Если введена ссылка для перехода во внешний источник, то поле для ввода ключа неактивно;
- Кнопка «Добавить ссылку».
Для использования перехода во внешний источник необходимо указать в поле "Ссылка" ссылку на внешний источник и для подстановки значения использовать параметр {value} (поле "Ключ" при этом будет disable). Для внутренней ссылки нужно указать ключ глобального фильтра, в который будет подставлено значение
Кнопка «Добавить ссылку»
При открытии окна настройки детализации по умолчанию отображается один блок, содержащий поля «Ссылка», «Название» и «Ключ».
Для добавления еще одного блока с этим полями необходимо нажать кнопку . После нажатия на кнопку добавиться еще один блок с полями:
Сохранение настроек детализации
Для отмены внесенных данных в окно создания текстового блока следует нажать кнопку «Отменить», или нажать левую кнопку мыши вне области окна.
Для сохранения внесенных данных следует нажать кнопку «Сохранить». Настройки детализации сохранятся на виджете. Произойдет возврат в окно проекта в режиме редактирования.
Настройка детализации для типов виджетов
Настроить детализацию можно только у следующих типов виджетов:
- Столбчатая диаграмма;
- Линейчатая диаграмма;
- Линейная диаграмма;
- Круговая диаграмма;
- Древовидная диаграмма;
- Комбинированная диаграмма.
Применение детализации
Для применения детализации на виджете в проекте следует в режиме просмотра (не в режиме редактирования) нажать на элемент виджета. В появившемся окне необходимо нажать на ссылку или название ссылки. Произойдет переход на по ранее установленному адресу.
Пример применения детализации
В качестве примера будет рассмотрено применение детализации при нажатии на элемент виджета и переход на другой слой того же проекта, в котором применен глобальный фильтр.
Для создания глобального фильтра следует перейти в модуль Manager и нажать на кнопку "Реестр фильтров".
Далее следует нажать на кнопку "Добавить фильтр +". После нажатия на кнопку откроется модальное окно, в котором следует заполнить соответствующие поля для создания фильтра:
В поле "Название" вводим название фильтра - "region", в поле "Ключ" - "regionkey", выбираем расположение фильтра в выпадающем списке "Расположение" - "Сверху", в выпадающем списке "Тип фильтра" выбираем значение "Список", в выпадающем списке "Отображение" тоже "Список".
После выбора значения "Список" в выпадающем списке "Тип фильтра" окно для создания глобального фильтра принимает следующий вид:
В поле "Датасет" выбираем примерный датасет "Медицина", в поле "Отображаемое значение" - "Город", в поле "Условие" - "Равно" и далее нажимаем кнопку "Создать".
Созданный глобальный фильтр с названием "region" отобразится в реестре созданных фильтров в модуле Manager.
Далее переходим в модуль Dashboards и заходим в проект, в котором требуется применение детализации при нажатии на элемент виджета и переход на другой слой того же проекта.
В режиме редактирования проекта создадим виджет "Круговая диаграмма" нажатием кнопки "Виджет" в боковой панели меню и добавим его в проект в определенном слое.
Круговую диаграмму построим на основании того же датасета"Медицина", в поле "Серия" добавим колонку "Город" из датасета, а в поле "Показатель" вынесем колонку "Оплатил лечение, тыс. руб".
Далее создадим еще один слой проекта.
В новый слой проекта добавим ту же круговую диаграмму, созданную накануне. Для этого в режиме редактирования проекта снова следует нажать на кнопку "Виджет" в боковой панели меню и выбрать данную круговую диаграмму в списке созданных виджетов. Круговая диаграмма будет добавлена в новый слой проекта.
Во вновь созданный слой проекта также добавим созданный ранее глобальный фильтр. Для этого в режиме редактирования проекта следует нажать на кнопку "Фильтр" в боковой панели меню и в появившемся окне нажать на кнопку "Добавить фильтр". После нажатия на кнопку появится окно для добавления фильтра:
В выпадающем списке "Выберите шаблон" выбираем фильтр "region", созданный до этого.
Поля "Название", "Ключ" и значение в выпадающем списке "Расположение" заполнятся автоматически после выбора значения в выпадающем списке "Выберите шаблон". После нажатия на кнопку "Сохранить" фильтр будет добавлен на слой проекта.
В результате в новом слое проекта располагаются круговая диаграмма и глобальный фильтр.
Далее необходимо настроить связь между глобальным фильтром и круговой диаграммой для того, чтобы при выборе значения в фильтре круговая диаграмма перестраивалась в соответствии с выбранным значением в фильтре. Затем выберем какое-то значение в фильтре.
Скопируем адрес в строке браузера слоя проекта, в котором расположены круговая диаграмма и глобальный фильтр.
Перейдем на тот слой проекта, в котором содержится только круговая диаграмма. Перейдем в режим редактирования этого слоя проекта.
При наведении на правый верхний угол круговой диаграммы в режиме редактирования проекта нажимаем на кнопку "Детализация". После нажатия на кнопку откроется следующее окно для настройки детализации:
В поле "Ссылка" следует указать адрес слоя проекта, в котором расположены круговая диаграмма и глобальный фильтр (адрес был скопирован накануне).
В поле "Название" следует задать произвольное название для детализации.
В поле "Ключ" необходимо указать ключ глобального фильтра - "regionkey". Далее следует нажать кнопку "Сохранить" и перейти в режим просмотра проекта.
При нажатии на любой элемент круговой диаграммы на том слое, где расположена только круговая диаграмма, появляется предложении о применении детализации. Нажимая на наименование настроенной детализации происходит переход на слой проекта, в котором применен глобальный фильтр, оказывающий влияние на круговую диаграмму.