Voorbeelden in het filtervak

Dit helponderwerp biedt verschillende voorbeelden die laten zien hoe u de stijl en andere eigenschappen in filtervakken kunt aanpassen om een aantal functionele doelen te bereiken.

Voorbeeld 1 — Compact ontwerp

U kunt veel keuzelijsten toevoegen aan een filtervak, waardoor gegevens kunnen worden verfijnd over veel verschillende dimensies.

Om ruimte te besparen en andere visualisaties op uw werkblad te prioriteren, kunt u uw filtervak een compact ontwerp geven waarbij inhoud naar behoefte wordt uitgevouwen en samengevouwen.

Doe het volgende:

1. Maak een nieuwe app en plak de Voorbeeld load-script in een nieuwe sectie in de Editor voor laden van gegevens. Laad vervolgens de gegevens.

2. Schakel over naar de werkbladweergave. Stel in de werkbladeigenschappen de Rasterafstand in op 42.

3. Sleep een Filtervak naar het werkblad.

4. Klik op Dimensie toevoegen. Selecteer Country.

5. Klik in het eigenschappenvenster op Veld toevoegen. Selecteer Item Type.

6. Voeg met de knop Veld toevoegen vier andere dimensies toe als keuzelijsten:

   • Order Year

   • Order Priority

   • Region

   • Sales Channel

7. Vouw één voor één elke keuzelijst die u zojuist hebt toegevoegd uit en stel Presentatie > Keuzelijst samenvouwen in op Altijd.

8. Vouw in het eigenschappenvenster Uiterlijk > Presentatie uit.

9. Klik op Stijl.

10. Stel op het tabblad Filtervenster de volgende eigenschappen in:

    • Lettergrootte voor Titel: 18px

    • Letterkleur voor Titel: Hex-code #ffffff

    • Achtergrondkleur: Hex-code #87205d

    • Schaduw: Klein, Hex-code #000000

11. Stel op het tabblad Lijstvakken de volgende eigenschappen in:

    • Lettergrootte voor Koptekst: 14px

12. Wijzig het formaat van het filtervak naar een ruimte van twee bij tien op het werkbladraster.

Schakelen naar analysemodus. U kunt keuzelijsten uitvouwen indien nodig om selecties te maken.

Voorbeeld 2 — Rijk ontwerp

Hoewel een filtervak voornamelijk wordt gebruikt om gegevens te filteren, kan het ook worden gebruikt om gegevens te visualiseren. Het opnemen van een rijk ontwerp stelt analisten in staat inzichten te verkrijgen terwijl ze verschillende selecties maken.

Doe het volgende:

1. Maak een nieuwe app en plak de Voorbeeld load-script in een nieuwe sectie in de Editor voor laden van gegevens. Laad vervolgens de gegevens.

2. Schakel over naar werkbladweergave en sleep een Filtervenster naar het werkblad.

3. Klik op Dimensie toevoegen. Selecteer Item Type.

4. Klik op de Item Type keuzelijst om de eigenschappen ervan uit te vouwen.

5. Vouw Presentatie uit.

6. Schakel de Histogram-instelling in.

7. Gebruik het Frequentie weergeven-vervolgkeuzemenu om Relatieve frequentie (%) te selecteren.

8. Stel Lijstvak samenvouwen in op Nooit.

9. Vouw Sorteren uit.

10. Stel de Sortering in op Aangepast.

11. Wis alle opties en schakel Sorteren op expressie in.

12. Selecteer Aflopend.

13. Onder Uitdrukking voert u de volgende uitdrukking in:

    Count([Item Type])

14. Vouw in het eigenschappenvenster Uiterlijk > Algemeen uit.

15. Schakel Titels weergeven uit.

16. Vouw Uiterlijk > Presentatie uit.

17. Klik op Stijl.

18. Stel op het tabblad Lijstvakken de volgende eigenschappen in:

    • Koptekst:

      • Lettertype: Inter, sans-serif

      • Lettergrootte: 18px

    • Inhoud:

      • Lettertype: Inter, sans-serif

19. Wijzig het formaat van het filtervak naar een kleine rechthoekige vorm, bijvoorbeeld drie bij vier vakjes.

Voorbeeld 3 — Gericht ontwerp

Hoe u uw filtervak ontwerpt, kan afhangen van hoe u wilt dat gebruikers selecties maken. U wilt bijvoorbeeld gebruikers bepaalde functies ontzeggen om een meer beperkte, gerichte interactie met gegevens aan te moedigen.

Scenario's omvatten:

• Filteren op uw specifieke dimensie biedt het meeste inzicht wanneer waarden één voor één worden geselecteerd, of wanneer het selecteren van meerdere waarden geen zinvol inzicht oplevert. Om de analyse op deze manier te sturen, kunt u bereik selectie uitschakelen door de selectievakjesmodus te gebruiken.

• Het zoeken naar waarden in het veld levert ofwel geen inzicht op, of is niet wenselijk.

• U wilt afleidingen minimaliseren bij het filteren van gegevens—bijvoorbeeld de selectiewerkbalk.

Doe het volgende:

1. Maak een nieuwe app en plak de Voorbeeld load-script in een nieuwe sectie in de Editor voor laden van gegevens. Laad vervolgens de gegevens.

2. Schakel over naar werkbladweergave en sleep een Filtervenster naar het werkblad.

3. Klik op Dimensie toevoegen. Selecteer Item Type.

4. Klik op de Item Type keuzelijst om de eigenschappen ervan uit te vouwen.

5. Stel Search in op Hide.

6. Schakel Selectiebalk tonen uit.

7. Vouw Presentatie uit.

8. Schakel Selectievakmodus in.

9. Vouw in het eigenschappenvenster Uiterlijk > Algemeen uit.

10. Schakel Titels weergeven uit.

11. Wijzig het formaat van het filtervak naar een kleine rechthoekige vorm, bijvoorbeeld drie bij vier vakjes.

Voorbeeld 4 — Rasterontwerp

U kunt de rastermodus gebruiken voor filtervakken die gebruikmaken van kleine, gedefinieerde gegevenssets. Een goed voorbeeld is het organiseren van tijdgebaseerde dimensies in rasters.

Doe het volgende:

1. Maak een nieuwe app en plak de Voorbeeld load-script in een nieuwe sectie in de Editor voor laden van gegevens. Laad vervolgens de gegevens.

2. Schakel over naar werkbladweergave en sleep een Filtervenster naar het werkblad.

3. Klik op Dimensie toevoegen. Selecteer Order Year.

4. Klik op de Order Year keuzelijst om de eigenschappen ervan uit te vouwen.

5. Schakel Titels weergeven uit.

6. Vouw Presentatie uit.

7. Stel Lijstvak samenvouwen in op Nooit.

8. Selecteer voor Gegevens weergeven in de optie Raster.

9. Stel Max. zichtbare kolommen in op Aangepast.

10. Stel Max. kolommen in op 3.

11. Voeg Order Quarter toe als een keuzelijst in het filtervak.

12. Klik op de Order Quarter keuzelijst om de eigenschappen ervan uit te vouwen.

13. Schakel Titels weergeven uit.

14. Vouw Presentatie uit.

15. Stel Lijstvak samenvouwen in op Nooit.

16. Voor Gegevens weergeven in, selecteer Raster.

17. Stel Sorteren op in op Kolommen.

18. Stel Max. zichtbare rijen in op Aangepast.

19. Stel Max. kolommen in op 1.

20. Voeg Order Month toe als keuzelijst in het filtervak.

21. Klik op de Order Month keuzelijst om de eigenschappen ervan uit te vouwen.

22. Schakel Titels weergeven uit.

23. Vouw Presentatie uit.

24. Stel Lijstvak samenvouwen in op Nooit.

25. Selecteer voor Gegevens weergeven in de optie Raster.

26. Stel Max. zichtbare kolommen in op Aangepast.

27. Stel Max. kolommen in op 4.

28. Vouw in het eigenschappenvenster Uiterlijk > Algemeen uit.

29. Zet Titels weergeven uit.

30. Vouw in het eigenschappenvenster Uiterlijk > Presentatie uit.

31. Klik op Stijl.

32. Stel op het tabblad Filtervenster de volgende eigenschappen in:

    • Achtergrondkleur: #83af9b

33. Op het tabblad Keuzelijsten stelt u de volgende eigenschappen in:

    • Inhoud:

      • Lettertype: Fredoka One, fantasy

      • Tekstgrootte: 15px

      • Tekstgrootte: Vet

      • Tekstkleur: #000000

    • Selectiestatus > Mogelijk: #000000

    • Achtergrondkleur: #83af9b

34. Wijzig het formaat van het filtervak naar een formaat dat goed werkt voor de weergave—bijvoorbeeld, drie bij drie.

Verdere verbeteringen: samengesteld filtervak met de lay-outcontainer

Voor verdere responsiviteit en controle kunt u het bovenstaande filtervak maken als een reeks van drie filtervakken ingebed in een lay-outcontainer. De onderstaande afbeelding toont een voorbeeld van hoe dit eruit zou kunnen zien.

Voorbeeld 5 — Afstemmen op het kleurenpalet van de organisatie

Filtervakken kunnen worden opgemaakt in overeenstemming met het kleurenpalet van uw organisatie. Naast het definiëren van de achtergrond- en tekstkleur, kunt u kleurenschema's instellen voor de selectiestatussen in uw filtervak. U wilt wellicht dat selecties verschijnen in de hoofdkleuren van het merk van uw bedrijf, in plaats van de standaard groene kleur.

Met aangepaste thema's kunt u het kleurenschema van uw organisatie verder toepassen door een kleur in te stellen voor selecties in alle visualisaties en de selectiewerkbalk. Ga voor meer informatie naar Aangepaste thema's (alleen in het Engels).

In dit voorbeeld maken we een filtervak dat de volgende merkkleuren weerspiegelt:

• Hoofdkleur: Hex-code #3100ff

• Secundaire kleur: Hex-code #9ba7ff

Doe het volgende:

1. Maak een nieuwe app en plak de voorbeeldgegevens in een nieuwe sectie in de Editor voor laden van gegevens. Laad vervolgens de gegevens.

2. Schakel over naar werkbladweergave en sleep een Filtervenster naar het werkblad.

3. Klik op Dimensie toevoegen. Selecteer Item Type.

4. Klik in het eigenschappenvenster op Veld toevoegen. Selecteer Order Year.

5. Voeg met de knop Veld toevoegen drie andere dimensies toe als keuzelijsten:

   • Order Priority

   • Region

   • Sales Channel

6. Vouw in het eigenschappenvenster Uiterlijk > Algemeen uit.

7. Schakel Titels weergeven uit.

8. Vouw Uiterlijk > Presentatie uit.

9. Klik op Stijl.

10. Stel op het tabblad Filtervenster de volgende eigenschappen in:

    • Schaduw: Klein, Hex-code #000000

11. Stel op het tabblad Lijstvakken de volgende eigenschappen in:

    • Lettergrootte voor Koptekst: 14px

    • Selectiestatus:

      • Geselecteerd: Hex-code #3100ff

      • Alternatief: Hex-code #9ba7ff

      • Uitgesloten: #bebebe

      • Geselecteerde uitgesloten: #7b7a78

      • Mogelijk: #ffffff

12. Wijzig de grootte van het filtervak naar een lange rechthoekige vorm aan één zijde van het werkblad—bijvoorbeeld, drie bij twaalf vakjes.

Schakel over naar analysemodus. Maak selecties in het filtervak om het kleurenschema te bekijken.

Voorbeeld load-script

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