Интерактивные дашборды

В GlarusBI вы можете настраивать, события, регулирующие поведение при нажатии на вопросы в вашей панели.

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

Вы можете настроить карточки на дашборде для:

  • Отправления пользователя на целевой элемент: панель, вопрос или пользовательский URL.

  • Обновления фильтра панели.

Для настройки этой интерактивности используйте опцию поведение при нажатии на карточке панели.

Изменение поведения при нажатии

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

Если вы наведете курсор на карточку, содержащую вопрос, который вы хотите настроить, GlarusBI отобразит меню в правом верхнем углу этой карточки, слева направо:

  • Опции визуализации: Этот значок похож на палитру художника.

  • Поведение при нажатии: это значок с курсором мыши, нажимающим на карточку.

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

  • Удалить: этот значок - X. Выбор этой опции удалит ваш вопрос из панели.

Выберите опцию поведение при нажатии.

Click behavior icon

GlarusBI покажет боковую панель Поведение при нажатии:

Click behavior menu

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

  • Открыть меню детализации GlarusBI.

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

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

Открытие меню детализации

Для вопросов, составленных с использованием конструктора запросов, по умолчанию при нажатии появляется меню детализации, которое предоставляет пользователю возможность детально исследовать данные:

Action menu

Пользовательские целевые дашборды

Вы можете задать пользовательские цели перехода для всех вопросов, включая SQL-вопросы.

Custom destinations

Возможные пункты перехода:

  • Панели инструментов

  • Внутренние пункты назначения GlarusBI (панели инструментов или сохраненные вопросы) будут загружаться в той же вкладке или окне браузера. Внешние URL-адреса будут открываться в новой вкладке.

Передача параметров целевому дашборду

Если вы ссылаетесь на панель инструментов или SQL-вопрос, который имеет фильтры, вы можете передать значения из текущей панели инструментов в фильтры в пользовательском направлении.

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

Pass value to dashboard

Как только вы выберете столбец, содержащий значение, которое вы хотите передать, в боковой панели отобразится используемый столбец для передачи значения, а также целевой фильтр на месте направления, которому GlarusBI и передаст параметр:

Pass category to filter

В примере выше, при нажатии пользователем на карточку Ордера по категории продукта, GlarusBI передаст нажатый Продукт -> Категория на пункт направления (Интерактивный Дашборд), который затем отфильтрует свои карточки по этой Категории.

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

Когда показываются вопросы в виде таблиц, вы можете задать различные поведенческие действия для разных столбцов в таблице. Вы также можете изменять содержимое ячеек в столбце, заменяя значение на текст пользователя. Например, если у вас был столбец, который перечислял категории, вы могли бы изменить текст в ячейке, чтобы он гласил: “Нажмите для подробной информации о {{Category}}, где {{Category}} - это имя вашего столбца”.

Вы также можете использовать значения для конструирования URL для внешних ресурсов.

Enter a URL

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

Мы должны ввести полный URL, куда пользователь должен перейти при нажатии на значение в карточке. Так же очень полезным и действительно мощным инструментом является включение переменных в URL. Эти переменные вставят выбранное пользователем значение в URL.

Например, мы можем ввести URL такого вида:

https://www.glarusbi.com/search.html?query={% raw %}{{Category}}{% endraw %}

Основная часть - это {% raw %}{{Category}}{% endraw %}. Мы указываем здесь на Категорию, на которую кликнул пользователь. Так, если пользователь кликнет на бар Виджет в нашем графике, значение столбца Категория для этого бара (Виджет) будет вставлено в наш URL: https://www.glarusbi.com/search.html?query=Widget. Ваш URL может использовать столько переменных столбцов, сколько вы хотите - вы можете даже несколько раз обращаться к одному и тому же столбцу в разных частях URL. Щелкните на выпадающем меню Значения, на которые можно ссылаться, чтобы увидеть варианты возможных переменных, которые можно включить в URL.

Дальше нажмите на Готово, а потом Сохраните наш дашборд. Теперь когда мы нажмем на нашу диаграмму, мы будем перенаправлены на введенный нами URL, с переданными параметрами.

Чтобы узнать больше, обратитесь к документации open source Metabase.

Использование графика для фильтра дашборда

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

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

Например, кликните на Виджет бара для изменения текущего фильтра категорий на новое значение Виджет:

Cross-filtering

Для настройки кросс-фильтрации, выберите фильтр на панели, который вы хотите обновлять при клике, и вопрос, который вы хотите использовать для обновления этого фильтра. Можете рассматривать этот вопрос как ваш “вопрос навигации”. Вместо того, чтобы соединять этот вопрос навигации с фильтром, вы подключите все другие вопросы на панели к фильтру.

Ниже мы используем график Ордера по категориям продуктов как наш вопрос-навигатор, поэтому мы не будем соединять этот вопрос с фильтром, а соединим все остальные вопросы с фильтром Категория.

Wiring up filter

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

GlarusBI покажет все фильтры, которые вы можете обновить. Мы выберем фильтр Категория, и подадим в него значение из вопроса столбцаПродукт -> Категория .

Update a dashboard filter

Кликните Готово на панели, а потом Сохраните ваш дашборд.

Теперь мы можем использовать наш вопрос-навигатор (Заказы по категориям продуктов) для интерактивного фильтра данных по всеей панели управления. Когда люди кликают по значению в вопросе-навигаторе, GlarusBI отправит значение в фильтр и обновит каждую карточку на панели управления, фильтруя их для выбранного значения (каждую карточку, кроме вопроса-навигатора: Заказы по категориям продуктов). Причина, по которой мы не хотим, чтобы вопрос-навигатор обновлялся, заключается в том, чтобы мы могли кликнуть по другим барам, чтобы обновить фильтр с другим значением.

Чтобы узнать больше, обратитесь к Зависимые фильтры: Использование графиков для изменений в фильтрах дашбордов.