Примеры фильтров

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

Пример 1 — Компактный дизайн

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

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

Выполните следующие действия.

1. Создайте новое приложение и вставьте Пример скрипта загрузки в новый раздел в Редактор загрузки данных. Затем загрузите данные.

2. Перейдите в вид листа. В свойствах листа установите для Интервал сетки значение 42.

3. Перетащите Фильтр на лист.

4. Щелкните команду Добавить измерение. Выберите Country.

5. На панели свойств нажмите Добавить поле. Выберите Item Type.

6. С помощью кнопки Добавить поле добавьте четыре других измерения в виде списков:

   • Order Year

   • Order Priority

   • Region

   • Sales Channel

7. По очереди разверните каждый только что добавленный список и установите для Представление > Свернуть список значение Всегда.

8. На панели свойств разверните Вид > Презентация.

9. Нажмите Стилизация.

10. На вкладке Панель фильтров задайте следующие свойства:

    • Размер шрифта для Заголовок: 18px

    • Цвет шрифта для Заголовок: Шестнадцатеричный код #ffffff

    • Цвет фона: Шестнадцатеричный код #87205d

    • Тень: Маленькая, Шестнадцатеричный код #000000

11. На вкладке Списки задайте следующие свойства:

    • Размер шрифта для Заголовок: 14px

12. Измените размер фильтра до пространства два на десять на сетке листа.

Переключиться в режим анализа. Вы можете разворачивать списки по мере необходимости для выбора.

Пример 2 — Расширенный дизайн

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

Выполните следующие действия.

1. Создайте новое приложение и вставьте Пример скрипта загрузки в новый раздел в Редактор загрузки данных. Затем загрузите данные.

2. Переключитесь в вид листа и перетащите панель фильтров на лист.

3. Щелкните команду Добавить измерение. Выберите Item Type.

4. Нажмите на Item Type список, чтобы развернуть его свойства.

5. Разверните Представление.

6. Включите параметр Гистограмма.

7. Используйте раскрывающееся меню Показать частоту, чтобы выбрать Относительная частота (%).

8. Установите Сворачивать список в значение Никогда.

9. Разверните Сортировка.

10. Установите Сортировка в значение Пользовательская.

11. Очистите все параметры и включите Сортировать по выражению.

12. Выберите По убыванию.

13. В поле Выражение введите следующее выражение:

    Count([Item Type])

14. На панели свойств разверните Вид > Общие.

15. Отключите Показывать заголовки.

16. Разверните Вид > Представление.

17. Нажмите Стилизация.

18. На вкладке Списки задайте следующие свойства:

    • Заголовок:

      • Шрифт: Inter, sans-serif

      • Размер шрифта: 18px

    • Содержимое:

      • Шрифт: Inter, sans-serif

19. Измените размер Фильтра до небольшой прямоугольной формы, например, три на четыре квадрата.

Пример 3 — Сфокусированный дизайн

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

Сценарии включают:

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

• Поиск значений в поле либо не дает никакого понимания, либо нежелателен.

• Вы хотите минимизировать отвлекающие факторы при фильтрации данных — например, панель выбора.

Выполните следующие действия.

1. Создайте новое приложение и вставьте Пример скрипта загрузки в новый раздел в Редактор загрузки данных. Затем загрузите данные.

2. Переключитесь в вид листа и перетащите панель фильтров на лист.

3. Щелкните команду Добавить измерение. Выберите Item Type.

4. Нажмите на список Item Type, чтобы развернуть его свойства.

5. Установите для Поиск значение Скрыть.

6. Отключите Показать панель инструментов выборок.

7. Разверните Представление.

8. Включите Режим флажков.

9. На панели свойств разверните Вид > Общие.

10. Выключите Показывать заголовки.

11. Измените размер фильтра до небольшой прямоугольной формы, например, три на четыре квадрата.

Пример 4 — Дизайн сетки

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

Выполните следующие действия.

1. Создайте новое приложение и вставьте Пример скрипта загрузки в новый раздел в Редактор загрузки данных. Затем загрузите данные.

2. Переключитесь в вид листа и перетащите панель фильтров на лист.

3. Щелкните команду Добавить измерение. Выберите Order Year.

4. Нажмите на список Order Year, чтобы развернуть его свойства.

5. Отключите Показывать заголовок.

6. Разверните Представление.

7. Установите Сворачивать список на Никогда.

8. Для Показывать данные в выберите Таблица.

9. Установите Максимальное количество видимых столбцов на Пользовательский.

10. Установите Максимальное количество столбцов на 3.

11. Добавьте Order Quarter в качестве списка в Фильтр.

12. Нажмите на список Order Quarter, чтобы развернуть его свойства.

13. Отключите Показывать заголовки.

14. Разверните Представление.

15. Установите Сворачивать список на Никогда.

16. Для Показывать данные в выберите Сетка.

17. Установите Упорядочить по на Столбцам.

18. Установите Максимальное количество видимых строк на Пользовательский.

19. Установите Максимальное количество строк на 1.

20. Добавьте Order Month в качестве списка в Фильтр.

21. Нажмите на список Order Month, чтобы развернуть его свойства.

22. Отключите Показывать заголовок.

23. Разверните Представление.

24. Установите Сворачивать список на Никогда.

25. Для Показывать данные в выберите Таблица.

26. Установите Макс. видимых столбцов на Пользовательский.

27. Установите Макс. столбцов на 4.

28. На панели свойств разверните Вид > Общие.

29. Отключите Показывать заголовок.

30. На панели свойств разверните Вид > Презентация.

31. Нажмите Стилизация.

32. На вкладке панели фильтров задайте следующие свойства:

    • Цвет фона: #83af9b

33. На вкладке Списковые поля задайте следующие свойства:

    • Содержимое:

      • Шрифт: Fredoka One, fantasy

      • Размер текста: 15px

      • Размер текста: Полужирный

      • Цвет текста: #000000

    • Состояние выбора > Возможно: #000000

    • Цвет фона: #83af9b

34. Измените размер Фильтр до размера, который хорошо подходит для отображения — например, три на три.

Дальнейшие улучшения: составной Фильтр с контейнером макета

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

Пример 5 — Согласование с цветовой палитрой организации

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

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

В этом примере мы создаем Фильтр, отражающий следующие фирменные цвета:

• Основной цвет: Шестнадцатеричный код #3100ff

• Вторичный цвет: Шестнадцатеричный код #9ba7ff

Выполните следующие действия.

1. Создайте новое приложение и вставьте пример данных в новый раздел в Редактор загрузки данных. Затем загрузите данные.

2. Переключитесь в вид листа и перетащите панель фильтров на лист.

3. Щелкните команду Добавить измерение. Выберите Item Type.

4. На панели свойств нажмите Добавить поле. Выберите Order Year.

5. Используя кнопку Добавить поле, добавьте три других измерения в виде списков:

   • Order Priority

   • Region

   • Sales Channel

6. На панели свойств разверните Вид > Общие.

7. Отключите Показывать заголовки.

8. Разверните Вид > Представление.

9. Нажмите Стилизация.

10. На вкладке Панель фильтров задайте следующие свойства:

    • Тень: Маленькая, Шестнадцатеричный код #000000

11. На вкладке Списки задайте следующие свойства:

    • Размер шрифта для Заголовок: 14px

    • Состояние выборки:

      • Выбрано: Шестнадцатеричный код #3100ff

      • Альтернативное: Шестнадцатеричный код #9ba7ff

      • Исключено: #bebebe

      • Выбранное исключенное: #7b7a78

      • Возможно: #ffffff

12. Измените размер Фильтра до длинной прямоугольной формы с одной стороны листа — например, три на двенадцать квадратов.

Переключитесь в режим анализа. Сделайте выборки в Фильтре, чтобы просмотреть цветовую схему.

Пример скрипта загрузки

Sales:
LOAD 
Dual([Order Month Text], [Order Month Num]) as [Order Month],

* INLINE [
Order ID,Order Date,Order Year,Order Quarter,Order Month Text,Order Month Num,Region,Country,Item Type,Sales Channel,Order Priority,Ship Date,Units Sold,Unit Price,Unit Cost,Total Revenue,Total Cost,Total Profit
522840487,2/8/2021,2021,Q1,Feb,2,Central America and the Caribbean,Honduras,Household,Offline,H,2/13/2017,8974,668.27,502.54,5997054.98,4509793.96,1487261.02
832401311,2/19/2021,2021,Q1,Feb,2,Asia,Mongolia,Personal Care,Offline,C,2/23/2014,4901,81.73,56.67,400558.73,277739.67,122819.06
419123971,11/19/2021,2021,Q4,Nov,11,Asia,Sri Lanka,Cosmetics,Offline,M,12/18/2016,6952,437.2,263.33,3039414.4,1830670.16,1208744.24
441619336,12/30/2021,2021,Q4,Dec,12,Asia,Turkmenistan,Household,Offline,L,1/20/2011,3830,668.27,502.54,2559474.1,1924728.2,634745.9
795490682,6/30/2022,2022,Q2,Jun,6,Central America and the Caribbean,Honduras,Snacks,Online,L,7/26/2016,2225,152.58,97.44,339490.5,216804,122686.5
158535134,10/27/2022,2022,Q4,Oct,10,Australia and Oceania,Australia,Office Supplies,Online,C,11/25/2015,2924,651.21,524.96,1904138.04,1534983.04,369155
955357205,1/5/2022,2022,Q1,Jan,1,Europe,United Kingdom,Household,Online,L,2/14/2012,282,668.27,502.54,188452.14,141716.28,46735.86
259353148,4/7/2022,2022,Q2,Apr,4,Sub-Saharan Africa,Djibouti,Cosmetics,Offline,H,4/19/2014,7215,437.2,263.33,3154398,1899925.95,1254472.05
450563752,6/9/2022,2022,Q2,Jun,6,Australia and Oceania,Australia,Cereal,Offline,H,7/2/2013,682,205.7,117.11,140287.4,79869.02,60418.38
705784308,10/30/2022,2022,Q4,Oct,10,Middle East and North Africa,Libya,Clothes,Offline,H,11/17/2010,6116,109.28,35.84,668356.48,219197.44,449159.04
505716836,10/13/2022,2022,Q4,Oct,10,Central America and the Caribbean,Haiti,Cosmetics,Offline,H,11/16/2013,1705,437.2,263.33,745426,448977.65,296448.35
807025039,7/25/2023,2023,Q3,Jul,7,Central America and the Caribbean,Belize,Clothes,Offline,M,9/7/2016,5498,109.28,35.84,600821.44,197048.32,403773.12
166460740,10/24/2023,2023,Q4,Oct,10,Europe,Lithuania,Office Supplies,Offline,H,11/17/2010,8287,651.21,524.96,5396577.27,4350343.52,1046233.75
462405812,4/23/2023,2023,Q2,Apr,4,Asia,Turkmenistan,Office Supplies,Online,M,5/20/2013,5010,651.21,524.96,3262562.1,2630049.6,632512.5
816200339,8/14/2023,2023,Q3,Aug,8,Middle East and North Africa,Libya,Fruits,Online,L,9/30/2015,673,9.33,6.92,6279.09,4657.16,1621.93
555990016,5/20/2023,2023,Q2,May,5,Sub-Saharan Africa,Djibouti,Cereal,Online,H,6/17/2017,8656,205.7,117.11,1780539.2,1013704.16,766835.04
231145322,7/5/2023,2023,Q3,Jul,7,Middle East and North Africa,Pakistan,Cosmetics,Offline,L,8/16/2013,9892,437.2,263.33,4324782.4,2604860.36,1719922.04
986435210,11/6/2023,2023,Q4,Nov,11,North America,Mexico,Household,Offline,C,12/12/2014,6954,668.27,502.54,4647149.58,3494663.16,1152486.42
217221009,10/28/2023,2023,Q4,Oct,10,Australia and Oceania,Federated States of Micronesia,Beverages,Online,C,11/15/2014,9379,47.45,31.79,445033.55,298158.41,146875.14
670854651,7/20/2024,2024,Q3,Jul,7,Australia and Oceania,Samoa,Cosmetics,Online,H,8/7/2013,9654,437.2,263.33,4220728.8,2542187.82,1678540.98
213487374,10/21/2024,2024,Q4,Oct,10,Europe,Spain,Household,Offline,L,11/30/2012,4513,668.27,502.54,3015902.51,2267963.02,747939.49
663110148,9/18/2024,2024,Q3,Sep,9,Middle East and North Africa,Lebanon,Clothes,Online,L,10/8/2012,7884,109.28,35.84,861563.52,282562.56,579000.96
827844560,3/18/2024,2024,Q1,Mar,3,Sub-Saharan Africa,Kenya,Vegetables,Online,L,4/7/2012,6457,154.06,90.93,994765.42,587135.01,407630.41
430915820,2/17/2024,2024,Q1,Feb,2,North America,Mexico,Personal Care,Offline,L,3/20/2012,6422,81.73,56.67,524870.06,363934.74,160935.32
240470397,7/7/2024,2024,Q3,Jul,7,Australia and Oceania,Australia,Beverages,Offline,H,7/11/2014,9389,47.45,31.79,445508.05,298476.31,147031.74
559427106,7/30/2024,2024,Q3,Jul,7,North America,Mexico,Personal Care,Offline,M,8/8/2015,5767,81.73,56.67,471336.91,326815.89,144521.02
665095412,2/10/2025,2025,Q1,Feb,2,Sub-Saharan Africa,Mozambique,Household,Offline,L,2/15/2012,5367,668.27,502.54,3586605.09,2697132.18,889472.91
];

drop fields [Order Month Text], [Order Month Num];