АНАЛИТИКА ПЛЮС
Профессиональные услуги в сфере BI

Простой способ сделать фильтр-переключатель в Tableau

“Переключатели” в Tableau полезны тогда, когда нужно предоставить пользователю возможность фильтровать данные по 2-м параметрам, переключаться между разными данными и/или показать двоичные результаты (т.е. true или false) – и сделать это одним кликом.

Разбираемся, как сделать переключатель в Tableau без вычисляемых полей или экшнов (actions).

Используем контейнеры

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

Простой способ сделать фильтр-переключатель в Tableau, изображение №1

Во-первых, найдите изображение, которое будет представлять переключатель в его невыбранном состоянии, и второе изображение, которое будет представлять переключатель в его выбранном состоянии. Рекомендуем создавать/сохранять изображения в виде PNG-файлов с прозрачным фоном. Например, такие:

Простой способ сделать фильтр-переключатель в Tableau, изображение №2
Простой способ сделать фильтр-переключатель в Tableau, изображение №3

Затем создайте рабочий лист, на котором вы будете представлять «невыбранное» состояние. На нашем примере — показаны только текущие событие и выступления (которые будут в 2020 году). Обратите внимание, что на полке фильтров (Filters) есть фильтр для года.

Простой способ сделать фильтр-переключатель в Tableau, изображение №4

Теперь создайте второй лист, на котором будет представлено «выбранное» состояние. В нашем примере — когда переключатель включен, фильтр для года будет удален и показаны все события.

Простой способ сделать фильтр-переключатель в Tableau, изображение №5

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

Простой способ сделать фильтр-переключатель в Tableau, изображение №6

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

А теперь переместите контейнер Layoutтак, чтобы он точно совпал с расположением и размерами первого листа. В нашем примере первый лист имеет 320 пикселей по оси x, 203 пикселя по оси y, 572 пикселя в ширину и 527 пикселей в высоту.

Поместите лист, представляющий «выбранное» состояние, внутрь контейнера, перетащив его рядом с синим прямоугольником и удерживая клавишу Shift. Cкройте заголовок «по умолчанию» — кликните правой кнопкой мыши на заголовке листа и выберите Hide Title.

Простой способ сделать фильтр-переключатель в Tableau, изображение №8

Начиная с Tableau Desktop 2019.2 можно добавить кнопку Show/Hide (Показать/Скрыть) к контейнерам — она будет включать и выключать контейнеры после клика мышкой по изображению.

Чтобы получить доступ к этим параметрам, выберите лист, представляющий «выбранное» состояние, кликнув на нем в любом месте. Вокруг выбранного объекта появится серая граница с небольшим серым прямоугольником в верхней части. Если дважды кликнуть серый прямоугольник, то граница станет синей — значит, вы выбрали весь контейнер. После этого нажмите стрелку вниз в правой части выбранного контейнера и кликните «Add Show/Hide button» (Добавить кнопку «Показать/Скрыть»).

Простой способ сделать фильтр-переключатель в Tableau, изображение №9

На изображении появится «Х». По умолчанию, когда контейнер отображается, вы видите это «X». Когда контейнер закрыт, отображается меню «гамбургер» — оно показывает, что есть еще варианты отображения, если нажать на картинку.

Вид этой кнопки можно легко изменить — кликнув стрелку «вниз» на кнопке Show/Hide и выбрав «Edit Button» (редактировать кнопку).

Вот теперь пришло время для картинок, которые мы выбирали для переключателя — в активном и неактивном состоянии. Кликаем опцию Button Appearance (внешний вид кнопки) и выбираем нужную картинку для каждого состояния — Item Shown (элемент показывается) или Item Hidden (элемент скрыт).

Простой способ сделать фильтр-переключатель в Tableau, изображение №10

Эта кнопка Show/Hide ведет себя как любой другой «плавающий» объект дашборда, поэтому можно менять размер и/или перемещать его по дашборду. Вот так выглядит наш дашборд после перемещения переключателя в верхний правый угол и увеличения его изображения:

Простой способ сделать фильтр-переключатель в Tableau, изображение №11

Если переключатель в положении ON, то показывается контейнер с листом «выбранного» состояния. Если нажать на переключатель, то изображение изменится на положение OFF, контейнер исчезнет и мы увидим рабочий лист с «невыбранным» состоянием.

Простой способ сделать фильтр-переключатель в Tableau, изображение №12

Никаких параметров, никаких вычисляемых полей, никаких экшн — все просто. Этот метод работает лучше всего тогда, когда нужно переключать элементы только на одной диаграмме.

Источник: playfairdata.com

Мы, компания АНАЛИТИКА ПЛЮС, с 2012 года помогаем нашим клиентам работать с данными — находить полезные инсайты и использовать эту информацию для увеличения прибыли компании.

За это время мы разработали и внедрили решения для компаний из разных сфер бизнеса: ритейл, дистрибуция, логистика, e-commerce, банки и финансы, маркетинг, телеком, производство, логистика, транспорт.

Мы помогаем начать работу с инструментами BI, предоставляем услуги «под ключ» — от сбора данных до установки ПО и предоставления финального интерактивного отчета. И конечно — проводим обучение: наши клиенты ни от кого не зависят и умеют работать со своими данными самостоятельно!

Получить консультацию

 

Нам доверяют: 

 

x

Этот сайт использует файлы cookies, чтобы облегчить вам пользование нашим веб-сайтом.

Продолжая использовать этот веб-сайт, вы даете согласие на использование файлов cookies.