Всплывающее окно (попап) по клику на картинку

В FineBI есть встроенный функционал для перехода на веб-страницу по клику на изображение — Image component с добавлением ссылки. Однако у этого способа есть один минус: пользователь переходит на другую вкладку и уходит из интерфейса дашборда. Его внимание рассеивается, количество открытых вкладок возрастает.

У кого в браузере всегда открыто хотя бы 5 вкладок, ставьте лайк👍

Поэтому я захотела реализовать переход на другую страницу внутри самого дашборда и для этого использовала функционал Jump.

Алгоритм следующий:

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

2️⃣ Создаем новый компонент, который будет служить кнопкой-картинкой.

3️⃣ В созданном компоненте выбираем тип графика KPI. В фон компонента загружаем картинку (я скачала с icons8) и выбираем адаптацию Overall. Затем добавляем в Label индикатор Count и красим его в прозрачный цвет (это секретный ингредиент), а из Prompt все удаляем.

4️⃣ Наконец, добавляем этот компонент на исходный дашборд и настраиваем Jump на дашборд со справочной информацией из пункта 1.

Готово✅

#uxui #интерактивность #практика
Датавиз в BI • Алиса Ручкина