Filtre bölmesi örnekleri

Bu yardım konusu, filtre bölmelerinde stil ve diğer özellikleri bir dizi işlevsel amaca ulaşmak için nasıl özelleştirebileceğinizi gösteren çeşitli örnekler sunar.

Örnek 1 — Yoğun tasarım

Bir filtre bölmesine birçok liste kutusu ekleyerek verilerin birçok farklı boyut arasında iyileştirilmesine olanak tanıyabilirsiniz.

Sayfanızdaki alanı kaydetmek ve diğer görselleştirmelere öncelik vermek için, filtre bölmenize içeriğin gerektiğinde genişletilip daraltıldığı yoğun bir tasarım verebilirsiniz.

Aşağıdakileri yapın:

1. Yeni bir uygulama oluşturun ve Veri yükleme düzenleyicisi içindeki yeni bir bölüme Örnek komut dosyası yapıştırın. Ardından verileri yükleyin.

2. Sayfa görünümüne geçin. Sayfa özelliklerinde, Izgara aralığı değerini 42 olarak ayarlayın.

3. Sayfaya bir Filtre bölmesi sürükleyin.

4. Boyut ekle'ye tıklayın. Country öğesini seçin.

5. Özellikler panelinde Alan ekle seçeneğine tıklayın. Item Type öğesini seçin.

6. Alan ekle düğmesini kullanarak, dört başka boyutu liste kutusu olarak ekleyin:

   • Order Year

   • Order Priority

   • Region

   • Sales Channel

7. Tek tek, yeni eklediğiniz her liste kutusunu genişletin ve Sunum > Liste kutusunu daralt seçeneğini Her zaman olarak ayarlayın.

8. Özellikler panelinde, Görünüm > Sunum öğesini genişletin.

9. Stil öğesine tıklayın.

10. Filtre bölmesi sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Başlık için yazı tipi boyutu: 18px

    • Başlık için yazı tipi rengi: Hex kodu #ffffff

    • Arka plan rengi: Onaltılık kod #87205d

    • Gölge: Küçük, Onaltılık kod #000000

11. Liste kutuları sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Üst bilgi için yazı tipi boyutu: 14 piksel

12. Filtre bölmesini sayfa kılavuz çizgisinde ikiye onluk bir alana yeniden boyutlandırın.

Analiz moduna geçin. Seçim yapmak için liste kutularını gerektiği gibi genişletebilirsiniz.

Örnek 2 — Zengin tasarım

Bir filtre bölmesi esas olarak verileri filtrelemek için kullanılsa da, aynı zamanda verileri görselleştirmek için de kullanılabilir. Zengin bir tasarım dahil etmek, analizcilerin farklı seçimler yaptıkça içgörü kazanmasını sağlar.

Aşağıdakileri yapın:

1. Yeni bir uygulama oluşturun ve Örnek komut dosyası öğesini Veri yükleme düzenleyicisi içindeki yeni bir bölüme yapıştırın. Ardından verileri yükleyin.

2. Sayfa görünümüne geçin ve bir Filtre bölmesini sayfaya sürükleyin.

3. Boyut ekle'ye tıklayın. Item Type öğesini seçin.

4. Özelliklerini genişletmek için Item Type liste kutusuna tıklayın.

5. Sunum bölümünü genişletin.

6. Histogram ayarını açın.

7. Sıklığı göster açılır menüsünü kullanarak Göreceli sıklık (%) seçeneğini belirleyin.

8. Liste kutusunu daralt seçeneğini Asla olarak ayarlayın.

9. Sıralama seçeneğini genişletin.

10. Sıralama seçeneğini Özel olarak ayarlayın.

11. Tüm seçenekleri temizleyin ve İfadeye göre sırala seçeneğini açın.

12. Azalan seçeneğini belirleyin.

13. İfade altında, aşağıdaki ifadeyi girin:

    Count([Item Type])

14. Özellikler panelinde, Görünüm > Genel bölümünü genişletin.

15. Başlıkları göster seçeneğini kapatın.

16. Görünüm > Sunum bölümünü genişletin.

17. Tıklayın Stil.

18. Liste kutuları sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Üst Bilgi:

      • Yazı Tipi: Inter, sans-serif

      • Yazı tipi boyutu: 18px

    • İçerik:

      • Yazı Tipi: Inter, sans-serif

19. Filtre bölmesini, örneğin üç dört karelik küçük dikdörtgen bir şekle yeniden boyutlandırın.

Örnek 3 — Odaklanmış tasarım

Filtre bölmenizi nasıl tasarladığınız, kullanıcıların seçimleri nasıl yapmasını istediğinize bağlı olabilir. Örneğin, verilerle daha dar, odaklanmış bir etkileşimi teşvik etmek için kullanıcıları belirli özelliklerden kısıtlamak isteyebilirsiniz.

Senaryolar şunları içerir:

• Belirli boyutunuzda filtreleme, değerler tek tek seçildiğinde en çok içgörü sağlar veya birden çok değer seçmek anlamlı bir içgörü sağlamaz. Analizi bu şekilde yönlendirmek için, onay kutusu modunu kullanarak aralık seçimini kapatabilirsiniz.

• Alana değer aramak ya hiçbir içgörü sağlamaz ya da istenmez.

• Verileri filtrelerken dikkat dağıtıcı unsurları en aza indirmek istersiniz—örneğin, seçimler araç çubuğu.

Aşağıdakileri yapın:

1. Yeni bir uygulama oluşturun ve Örnek komut dosyası öğesini Veri yükleme düzenleyicisi içindeki yeni bir bölüme yapıştırın. Ardından verileri yükleyin.

2. Sayfa görünümüne geçin ve bir Filtre bölmesini sayfaya sürükleyin.

3. Boyut ekle'ye tıklayın. Item Type öğesini seçin.

4. Özelliklerini genişletmek için Item Type liste kutusuna tıklayın.

5. Arama seçeneğini Gizle olarak ayarlayın.

6. Seçim araç çubuğunu göster seçeneğini kapatın.

7. Sunum bölümünü genişletin.

8. Onay kutusu modunu açın.

9. Özellikler panelinde, Görünüm > Genel bölümünü genişletin.

10. Başlıkları göster seçeneğini kapatın.

11. Filtre bölmesini, örneğin üç dört kare gibi küçük dikdörtgen bir şekle yeniden boyutlandırın.

Örnek 4 — Kılavuz çizgi tasarımı

Küçük, tanımlı veri kümeleri kullanan filtre bölmeleri için kılavuz çizgi modunu kullanabilirsiniz. İyi bir örnek, zamana dayalı boyutları kılavuz çizgilerde düzenlemektir.

Aşağıdakileri yapın:

1. Yeni bir uygulama oluşturun ve Örnek komut dosyası öğesini Veri yükleme düzenleyicisi içindeki yeni bir bölüme yapıştırın. Ardından verileri yükleyin.

2. Sayfa görünümüne geçin ve bir Filtre bölmesini sayfaya sürükleyin.

3. Boyut ekle'ye tıklayın. Order Year öğesini seçin.

4. Özelliklerini genişletmek için Order Year liste kutusuna tıklayın.

5. Başlıkları göster seçeneğini kapatın.

6. Sunum bölümünü genişletin.

7. Liste kutusunu daralt'ı Asla olarak ayarlayın.

8. Verileri göster için Kılavuz öğesini seçin.

9. Maksimum görünür sütunlar'ı Özel olarak ayarlayın.

10. Maksimum sütun'u 3 olarak ayarlayın.

11. Order Quarter'ı filtre bölmesi içinde bir liste kutusu olarak ekleyin.

12. Özelliklerini genişletmek için Order Quarter liste kutusuna tıklayın.

13. Başlıkları göster seçeneğini kapatın.

14. Sunum bölümünü genişletin.

15. Liste kutusunu daralt'ı Asla olarak ayarlayın.

16. Verileri şurada göster için Izgara'yı seçin.

17. Şuna göre sırala'yı Sütunlar olarak ayarlayın.

18. Maksimum görünür satır sayısı'nı Özel olarak ayarlayın.

19. Maksimum sütun değerini 1 olarak ayarlayın.

20. Order Month öğesini filtre bölmesinde bir liste kutusu olarak ekleyin.

21. Özelliklerini genişletmek için Order Month liste kutusuna tıklayın.

22. Başlıkları göster seçeneğini kapatın.

23. Sunum bölümünü genişletin.

24. Liste kutusunu daralt'ı Asla olarak ayarlayın.

25. Verileri göster için Kılavuz öğesini seçin.

26. Maksimum görünür sütun'u Özel olarak ayarlayın.

27. Maksimum sütun'u 4 olarak ayarlayın.

28. Özellikler panelinde, Görünüm > Genel bölümünü genişletin.

29. Başlıkları göster seçeneğini kapatın.

30. Özellikler panelinde, Görünüm > Sunum öğesini genişletin.

31. Stil seçeneğine tıklayın.

32. Filtre bölmesi sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Arka plan rengi: #83af9b

33. Listboxes sekmesinde, aşağıdaki özellikleri ayarlayın:

    • İçerik:

      • Yazı Tipi: Fredoka One, fantasy

      • Metin boyutu: 15px

      • Metin boyutu: Kalın

      • Metin rengi: #000000

    • Seçim durumu > Olası: #000000

    • Arka plan rengi: #83af9b

34. Filtre bölmesini, ekran için iyi çalışan bir boyuta—örneğin, üçe üç—yeniden boyutlandırın.

Daha fazla geliştirme: düzen kapsayıcılı kompozit filtre bölmesi

Daha fazla uyumluluk ve kontrol için, yukarıdaki filtre bölmesini bir düzen kapsayıcısına yerleştirilmiş üç filtre bölmesinden oluşan bir dizi olarak oluşturabilirsiniz. Aşağıdaki resim, bunun nasıl görünebileceğine dair bir örnek göstermektedir.

Örnek 5 — Kuruluşun renk paletiyle uyumlu hale getirme

Filtre bölmeleri, kuruluşunuzun renk paletine uygun olarak biçimlendirilebilir. Arka plan ve metin rengini tanımlamanın yanı sıra, filtre bölmenizde seçim durumları için renk şemaları ayarlayabilirsiniz. Seçimlerin varsayılan yeşil renk yerine şirketinizin ana marka renklerinde görünmesini isteyebilirsiniz.

Özel temalarla, tüm görselleştirmelerdeki seçimler ve seçim araç çubuğu için bir renk ayarlayarak kuruluşunuzun renk şemasını ayrıca uygulayabilirsiniz. Daha fazla bilgi için Özel temalar (yalnızca İngilizce) bölümüne bakın.

Bu örnekte, aşağıdaki marka renklerini yansıtan bir filtre bölmesi oluşturuyoruz:

• Ana renk: Onaltılık kod #3100ff

• İkincil renk: Onaltılık kod #9ba7ff

Aşağıdakileri yapın:

1. Yeni bir uygulama oluşturun ve örnek verileri Veri yükleme düzenleyicisi içinde yeni bir bölüme yapıştırın. Ardından verileri yükleyin.

2. Sayfa görünümüne geçin ve bir Filtre bölmesini sayfaya sürükleyin.

3. Boyut ekle'ye tıklayın. Item Type öğesini seçin.

4. Özellikler panelinde Alan ekle seçeneğine tıklayın. Order Year öğesini seçin.

5. Alan ekle düğmesini kullanarak, üç başka boyutu liste kutusu olarak ekleyin:

   • Order Priority

   • Region

   • Sales Channel

6. Özellikler panelinde Görünüm > Genel öğesini genişletin.

7. Başlıkları göster seçeneğini kapatın.

8. Görünüm > Sunum bölümünü genişletin.

9. Tıklayın Stil.

10. Filtre bölmesi sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Gölge: Küçük, Onaltılık kod #000000

11. Liste kutuları sekmesinde, aşağıdaki özellikleri ayarlayın:

    • Başlık için yazı tipi boyutu: 14px

    • Seçim durumu:

      • Seçili: Onaltılık kod #3100ff

      • Alternatif: Onaltılık kod #9ba7ff

      • Hariç tutulan: #bebebe

      • Seçili hariç tutulan: #7b7a78

      • Olası: #ffffff

12. Filtre bölmesini sayfanın bir tarafında uzun dikdörtgen bir şekle yeniden boyutlandırın—örneğin, üç çarpı on iki kare.

Analiz moduna geçin. Renk şemasını görüntülemek için filtre bölmesinde seçimler yapın.

Örnek komut dosyası

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