Przykłady paneli filtrowania

Ten temat pomocy zawiera kilka przykładów pokazujących, jak można dostosować styl i inne właściwości w panelach filtrowania w celu osiągnięcia wielu celów funkcjonalnych.

Przykład 1 — Kompaktowy projekt

Można dodać wiele pól listy do panelu filtrowania, umożliwiając doprecyzowanie danych w wielu różnych wymiarach.

Aby zaoszczędzić miejsce i nadać priorytet innym wizualizacjom na arkuszu, można nadać panelowi filtrowania kompaktowy projekt, gdzie zawartość jest rozwijana i zwijana w razie potrzeby.

Wykonaj następujące czynności:

1. Utwórz nową aplikację i wklej Przykład skryptu ładowania do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

2. Przełącz na widok arkusza. We właściwościach arkusza ustaw Odstępy siatki na 42.

3. Przeciągnij Panel filtrowania na arkusz.

4. Kliknij polecenie Dodaj wymiar. Wybierz Country.

5. W panelu właściwości kliknij Dodaj pole. Wybierz Item Type.

6. Używając przycisku Dodaj pole, dodaj cztery inne wymiary jako pola listy:

   • Order Year

   • Order Priority

   • Region

   • Sales Channel

7. Po kolei rozwiń każde dodane pole listy i ustaw Prezentacja > Zwiń pole listy na Zawsze.

8. W panelu właściwości rozwiń kolejno opcje Wygląd > Prezentacja.

9. Kliknij Styl.

10. Na karcie Panel filtrowania ustaw następujące właściwości:

    • Rozmiar czcionki dla Tytuł: 18px

    • Kolor czcionki dla Tytuł: Kod szesnastkowy #ffffff

    • Kolor tła: Kod szesnastkowy #87205d

    • Cień: Mały, Kod szesnastkowy #000000

11. W karcie Pól list ustaw następujące właściwości:

    • Rozmiar czcionki dla Nagłówek: 14px

12. Zmień rozmiar panelu filtrowania na obszar dwa na dziesięć na siatce arkusza.

Przełącz na tryb analizy. Możesz rozwinąć pola listy w razie potrzeby, aby dokonać wyboru.

Przykład 2 — Bogaty projekt

Chociaż panel filtrowania jest używany głównie do filtrowania danych, może być również używany do wizualizacji danych. Włączenie bogatego projektu pozwala analitykom uzyskać wgląd w miarę dokonywania różnych wyborów.

Wykonaj następujące czynności:

1. Utwórz nową aplikację i wklej Przykład skryptu ładowania do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

2. Przełącz się do widoku arkusza i przeciągnij panel filtrów na arkusz.

3. Kliknij polecenie Dodaj wymiar. Wybierz Item Type.

4. Kliknij pole listy Item Type, aby rozwinąć jego właściwości.

5. Rozwiń Prezentacja.

6. Włącz ustawienie Histogram.

7. Użyj menu rozwijanego Pokaż częstotliwość, aby wybrać Częstotliwość względna (%).

8. Ustaw Zwiń pole listy na Nigdy.

9. Rozwiń Sortowanie.

10. Ustaw Sortowanie na Niestandardowe.

11. Wyczyść wszystkie opcje i włącz Sortuj według wyrażenia.

12. Wybierz Malejąco.

13. W obszarze Wyrażenie wprowadź następujące wyrażenie:

    Count([Item Type])

14. W panelu właściwości rozwiń Wygląd > Ogólne.

15. Wyłącz Pokaż tytuły.

16. Rozwiń Wygląd > Prezentacja.

17. Kliknij Stylizacja.

18. Na karcie Pola listy ustaw następujące właściwości:

    • Nagłówek:

      • Czcionka: Inter, sans-serif

      • Rozmiar czcionki: 18px

    • Zawartość:

      • Czcionka: Inter, sans-serif

19. Zmień rozmiar panelu filtrowania do małego prostokątnego kształtu, na przykład trzy na cztery kwadraty.

Przykład 3 — Ukierunkowany projekt

Sposób projektowania panelu filtrowania może zależeć od tego, w jaki sposób chcesz, aby użytkownicy dokonywali wyborów. Na przykład możesz chcieć ograniczyć użytkownikom dostęp do niektórych cech, aby zachęcić do bardziej wąskiej, ukierunkowanej interakcji z danymi.

Scenariusze obejmują:

• Filtrowanie według konkretnego wymiaru przynosi najwięcej wglądu, gdy wartości są wybierane pojedynczo, lub wybieranie wielu wartości nie zapewnia żadnego znaczącego wglądu. Aby w ten sposób kierować analizą, możesz wyłączyć wybór zakresu, używając trybu pól wyboru.

• Wyszukiwanie wartości w polu albo nie zapewnia żadnego wglądu, albo nie jest pożądane.

• Chcesz zminimalizować elementy rozpraszające uwagę podczas filtrowania danych — na przykład pasek narzędzi wyboru.

Wykonaj następujące czynności:

1. Utwórz nową aplikację i wklej Przykład skryptu ładowania do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

2. Przełącz się do widoku arkusza i przeciągnij panel filtrów na arkusz.

3. Kliknij polecenie Dodaj wymiar. Wybierz Item Type.

4. Kliknij pole listy Item Type, aby rozwinąć jego właściwości.

5. Ustaw Wyszukiwanie na Ukryj.

6. Wyłącz Pokaż pasek narzędzi wyboru.

7. Rozwiń Prezentacja.

8. Włącz Tryb pola wyboru.

9. W panelu właściwości rozwiń Wygląd > Ogólne.

10. Wyłącz Pokaż tytuły.

11. Zmień rozmiar panelu filtrowania na mały prostokątny kształt, na przykład trzy na cztery kwadraty.

Przykład 4 — Projekt siatki

Możesz używać trybu siatki dla paneli filtrowania, które używają małych, zdefiniowanych zestawów danych. Dobrym przykładem jest organizowanie wymiarów czasowych w siatkach.

Wykonaj następujące czynności:

1. Utwórz nową aplikację i wklej Przykład skryptu ładowania do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

2. Przełącz się do widoku arkusza i przeciągnij panel filtrów na arkusz.

3. Kliknij polecenie Dodaj wymiar. Wybierz Order Year.

4. Kliknij pole listy Order Year, aby rozwinąć jego właściwości.

5. Wyłącz Pokaż tytuły.

6. Rozwiń Prezentacja.

7. Ustaw Zwijanie pola listy na Nigdy.

8. Dla Pokaż dane w, wybierz Siatka.

9. Ustaw Maks. widoczne kolumny na Niestandardowe.

10. Ustaw Maks. kolumny na 3.

11. Dodaj Order Quarter jako pole listy w panelu filtrowania.

12. Kliknij pole listy Order Quarter, aby rozwinąć jego właściwości.

13. Wyłącz Pokaż tytuły.

14. Rozwiń Prezentacja.

15. Ustaw Zwijanie pola listy na Nigdy.

16. Dla Pokaż dane w, wybierz Siatka.

17. Ustaw Sortuj według na Kolumny.

18. Ustaw Maks. widoczne wiersze na Niestandardowe.

19. Ustaw Maks. kolumny na 1.

20. Dodaj Order Month jako pole listy w panelu filtrowania.

21. Kliknij pole listy Order Month, aby rozwinąć jego właściwości.

22. Wyłącz Pokaż tytuły.

23. Rozwiń Prezentacja.

24. Ustaw Zwijanie pola listy na Nigdy.

25. Dla Pokaż dane w, wybierz Siatka.

26. Ustaw Maks. widoczne kolumny na Niestandardowe.

27. Ustaw Maks. kolumny na 4.

28. W panelu właściwości rozwiń Wygląd > Ogólne.

29. Wyłącz Pokaż tytuły.

30. W panelu właściwości rozwiń Wygląd > Prezentacja.

31. Kliknij Stylizacja.

32. Na karcie Panel filtrów ustaw następujące właściwości:

    • Kolor tła: #83af9b

33. Na karcie Listboxes ustaw następujące właściwości:

    • Zawartość:

      • Czcionka: Fredoka One, fantasy

      • Rozmiar tekstu: 15px

      • Rozmiar tekstu: Pogrubienie

      • Kolor tekstu: #000000

    • Stan zaznaczenia > Możliwe: #000000

    • Kolor tła: #83af9b

34. Zmień rozmiar panelu filtrowania do rozmiaru, który dobrze sprawdza się na wyświetlaczu — na przykład trzy na trzy.

Dalsze ulepszenia: złożony panel filtrowania z kontenerem układu

Aby uzyskać większą responsywność i kontrolę, można utworzyć powyższy panel filtrowania jako serię trzech paneli filtrowania osadzonych w kontenerze układu. Poniższy obraz przedstawia przykład tego, jak to może wyglądać.

Przykład 5 — Dopasowanie do palety kolorów organizacji

Panele filtrowania można stylizować zgodnie z paletą kolorów organizacji. Oprócz definiowania koloru tła i tekstu, można ustawić schematy kolorów dla stanów zaznaczenia w panelu filtrowania. Możesz chcieć, aby zaznaczenia pojawiały się w głównych kolorach marki Twojej firmy, a nie w domyślnym kolorze zielonym.

Dzięki kompozycjom niestandardowym możesz dodatkowo zastosować schemat kolorów swojej organizacji, ustawiając kolor dla zaznaczeń we wszystkich wizualizacjach i na pasku narzędzi wyboru. Więcej informacji zawiera artykuł Kompozycje niestandardowe (tylko w języku angielskim).

W tym przykładzie tworzymy panel filtrowania odzwierciedlający następujące kolory marki:

• Kolor główny: Kod szesnastkowy #3100ff

• Kolor dodatkowy: Kod szesnastkowy #9ba7ff

Wykonaj następujące czynności:

1. Utwórz nową aplikację i wklej przykładowe dane do nowej sekcji w Edytor ładowania danych. Następnie załaduj dane.

2. Przełącz się do widoku arkusza i przeciągnij panel filtrów na arkusz.

3. Kliknij polecenie Dodaj wymiar. Wybierz Item Type.

4. W panelu właściwości kliknij Dodaj pole. Wybierz Order Year.

5. Używając przycisku Dodaj pole, dodaj trzy inne wymiary jako pola listy:

   • Order Priority

   • Region

   • Sales Channel

6. W panelu właściwości rozwiń Wygląd > Ogólne.

7. Wyłącz Pokaż tytuły.

8. Rozwiń Wygląd > Prezentacja.

9. Kliknij Stylizacja.

10. W karcie panelu filtrów ustaw następujące właściwości:

    • Cień: Mały, Kod szesnastkowy #000000

11. W karcie Pól list ustaw następujące właściwości:

    • Rozmiar czcionki dla Nagłówek: 14px

    • Stan zaznaczenia:

      • Wybrane: Kod szesnastkowy #3100ff

      • Alternatywne: Kod szesnastkowy #9ba7ff

      • Wykluczone: #bebebe

      • Wybrane wykluczone: #7b7a78

      • Możliwe: #ffffff

12. Zmień rozmiar panelu filtrowania na długi prostokątny kształt po jednej stronie arkusza — na przykład, trzy na dwanaście kwadratów.

Przełącz na tryb analizy. Dokonaj wyboru w panelu filtrowania, aby wyświetlić schemat kolorów.

Przykład skryptu ładowania

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];