필터 창 예

이 도움말 항목에서는 필터 창에서 스타일링 및 기타 속성을 사용자 지정하여 다양한 기능적 목적을 달성하는 방법을 보여 주는 몇 가지 예를 제공합니다.

예 1 - 요약된 설계

필터 창에 여러 개의 목록 상자를 추가하여 다양한 차원에서 데이터를 구체화할 수 있습니다.

시트에서 공간을 절약하고 다른 시각화를 우선시하려면 필터 창에 콘텐츠를 필요에 따라 확장하거나 축소할 수 있는 요약된 설계를 적용할 수 있습니다.

다음과 같이 하십시오.

1. 새 앱을 만들고 로드 스크립트 예를 데이터 로드 편집기의 새 섹션에 붙여넣습니다. 그런 다음 데이터를 로드합니다.

2. 시트 뷰로 전환합니다. 시트 속성에서 그리드 간격을 42로 설정합니다.

3. 필터 창을 시트로 끕니다.

4. 차원 추가를 클릭합니다. Country을 선택합니다.

5. 속성 패널에서 필드 추가를 클릭합니다. Item Type을 선택합니다.

6. 필드 추가 버튼을 사용하여 네 개의 다른 차원을 목록 상자로 추가합니다.

   • Order Year

   • Order Priority

   • Region

   • Sales Channel

7. 방금 추가한 각 목록 상자를 하나씩 확장하고 프레젠테이션 > 목록 상자 축소를 항상으로 설정합니다.

8. 속성 패널에서 모양 > 프레젠테이션을 확장합니다.

9. 스타일링을 클릭합니다.

10. 필터 창 탭에서 다음 속성을 설정합니다.

    • 제목의 글꼴 크기: 18px

    • 제목의 글꼴 색: 16진수 코드 #ffffff

    • 배경색: 16진수 코드 #87205d

    • 그림자: 작음, 16진수 코드 #000000

11. 목록 상자 탭에서 다음 속성을 설정합니다.

    • 헤더의 글꼴 크기: 14px

12. 시트 그리드에서 필터 창의 크기를 2x10 공간으로 조정합니다.

분석 모드로 전환합니다. 필요에 따라 목록 상자를 확장하여 선택할 수 있습니다.

예 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. 필터 창의 크기를 작은 직사각형 도형(예: 3x4 정사각형)으로 조정합니다.

예 3 - 집중된 설계

필터 창을 설계하는 방법은 사용자가 선택을 하는 방식에 따라 달라질 수 있습니다. 예를 들어, 데이터와의 더욱 좁고 집중적인 상호 작용을 장려하기 위해 사용자의 특정 기능을 제한할 수 있습니다.

시나리오는 다음과 같습니다.

• 특정 차원에 대한 필터링을 통해 값을 한 번에 하나씩 선택하면 가장 많은 통찰력을 얻을 수 있지만, 여러 값을 선택해도 의미 있는 통찰력을 얻을 수 없습니다. 이런 방식으로 분석을 안내하려면 확인란 모드를 사용하여 범위 선택을 끌 수 있습니다.

• 필드에서 값을 검색해도 아무런 통찰력을 얻을 수 없거나 바람직하지 않습니다.

• 데이터를 필터링할 때 방해 요소(예: 선택 도구 모음)를 최소화해야 합니다.

다음과 같이 하십시오.

1. 새 앱을 만들고 로드 스크립트 예를 데이터 로드 편집기의 새 섹션에 붙여넣습니다. 그런 다음 데이터를 로드합니다.

2. 시트 보기로 전환하고 필터 창을 시트로 끌어서 놓습니다.

3. 차원 추가를 클릭합니다. Item Type을 선택합니다.

4. Item Type 목록 상자를 클릭하여 속성을 확장합니다.

5. 검색을 숨기기로 설정합니다.

6. 선택 도구 모음 표시를 끕니다.

7. 프레젠테이션을 확장합니다.

8. 확인란 모드를 켭니다.

9. 속성 패널에서 모양 > 일반을 확장합니다.

10. 제목 표시를 끕니다.

11. 필터 창의 크기를 작은 직사각형 도형(예: 3x4 정사각형)으로 조정합니다.

예 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. 필터 창의 크기를 디스플레이에 적합한 크기(예: 3x3)로 조정합니다.

추가 개선 사항: 레이아웃 컨테이너가 있는 복합 필터 창

더욱 뛰어난 반응성과 제어력을 위해 위의 필터 창을 레이아웃 컨테이너 내에 포함된 세 개의 필터 창 시리즈로 만들 수 있습니다. 아래 이미지는 이것이 어떤 모습일지에 대한 예를 보여 줍니다.

예 5 - 조직의 색상표에 맞춰 정렬

필터 창은 조직의 색상표에 따라 스타일을 지정할 수 있습니다. 배경 및 텍스트 색을 정의하는 것 외에도 필터 창에서 선택 상태에 대한 색 구성표를 설정할 수 있습니다. 기본 녹색 색 대신 회사의 주요 브랜드 색으로 선택 항목을 표시하려고 할 수도 있습니다.

사용자 지정 테마를 사용하면 모든 시각화와 선택 도구 모음에서 선택 항목에 대한 색을 설정하여 조직의 색 구성표를 더욱 구체적으로 적용할 수 있습니다. 자세한 내용은 사용자 지정 테마를 참조하십시오.

이 예에서는 다음 브랜드 색을 반영하는 필터 창을 만듭니다.

• 기본 색: 16진수 코드 #3100ff

• 보조 색: 16진수 코드 #9ba7ff

다음과 같이 하십시오.

1. 새 앱을 만들고 데이터 예를 데이터 로드 편집기의 새 섹션에 붙여넣습니다. 그런 다음 데이터를 로드합니다.

2. 시트 보기로 전환하고 필터 창을 시트로 끌어서 놓습니다.

3. 차원 추가를 클릭합니다. Item Type을 선택합니다.

4. 속성 패널에서 필드 추가를 클릭합니다. Order Year을 선택합니다.

5. 필드 추가 버튼을 사용하여 세 가지 차원을 목록 상자로 추가합니다.

   • Order Priority

   • Region

   • Sales Channel

6. 속성 패널에서 모양 > 일반을 확장합니다.

7. 제목 표시를 끕니다.

8. 모양 > 프레젠테이션을 확장합니다.

9. 스타일링을 클릭합니다.

10. 필터 창 탭에서 다음 속성을 설정합니다.

    • 그림자: 작음, 16진수 코드 #000000

11. 목록 상자 탭에서 다음 속성을 설정합니다.

    • 헤더의 글꼴 크기: 14px

    • 선택 상태:

      • 선택됨: 16진수 코드 #3100ff

      • 대안: 16진수 코드 #9ba7ff

      • 제외됨: #bebebe

      • 선택된 제외 항목: #7b7a78

      • 가능: #ffffff

12. 필터 창의 크기를 시트 한쪽 면의 긴 직사각형 도형(예: 3x12 정사각형)으로 조정합니다.

분석 모드로 전환합니다. 필터 창에서 선택을 하면 색 구성표를 볼 수 있습니다.

로드 스크립트 예

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