Power BI'de kart görseli oluşturma

ŞUNLAR İÇİN GEÇERLİDİR: Power BI Masaüstü Power BI hizmeti

Power BI'daki kart görseli , önemli ölçümleri esnek ve görsel olarak çekici bir biçimde görüntüler. Her kart, isteğe bağlı açıklama balonu görüntüleri, referans etiketleri ve destekleyici ayrıntılarla birlikte bir ölçü değeri gösterir. Tek bir görselde birden çok kart görüntüleyebilir, bunları kategorilere ayırabilir ve düzenleri rapor tasarımınızla eşleşecek şekilde özelleştirebilirsiniz.

Bir görselde birden çok ölçü ve başvuru etiketinin birleştirilmesi, görsel yükleme süresini kısaltarak ve semantik modelde temel alınan sorguları iyileştirerek rapor performansını artırır. Verilerinize yanıt veren özel görselleştirmeler oluşturmak için veri temelli görüntüleri de kullanabilirsiniz.

Not

(yeni) kart görselleştirme, Kasım 2025 Power BI sürümüyle kart görselleştirme olarak genel kullanıma sunuldu. Eski kart görseline sahip raporlar eski kart görselini kullanmaya devam ediyor.

Kart görseli oluşturma

Görsel Öğeler bölmesinde Görsel oluştur sekmesini ve ardından görsel galerisinden Kart görselini seçin.
Değerler alan kutusuna bir ölçü veya veri sütunu ekleyin.

Artık basit bir kartınız var. İstediğiniz kadar değer ekleyebilir ve daha fazla kart görüntüleyebilirsiniz.

Kart görseli düzenini özelleştirme

Kart görseli, görsellerinizi daha düzenli ve görsel olarak çekici hale getirmek için çeşitli düzen seçenekleri sunar. Görsel Öğeler bölmesinde Görseli biçimlendir simgesini ve ardından Görsel sekmesini seçerek bu ayarlara erişin.

Kart düzeni

Kartlar>Düzeni, öğelerin her kart içinde nasıl düzenlendiğini denetler. Her kartın üç bölümü olabilir: açıklama ek notu, resim ve referans etiketleri. Bu öğelerin konumlandırmasını, hizalamasını ve aralığını ayarlamak için bu ayarları kullanın.

Kart görseli, bir bölümü vurgularken diğer ikisi kalan alanı paylaşmanızı sağlayan dinamik bir kolaj düzeni içerir. Ayrıca açıklama balonu, başvuru etiketi ve hero görüntüsünün görüntüleme sırasını özelleştirebilir ve bunlara her farklı arka plan rengini verebilirsiniz.

Çağrı kutusu düzeni

Belirtme Çizgisi>Düzeni, her kartın belirtme çizgisi bölümündeki belirtme çizgisinin dikey hizalamasını ve boyutunu kontrol eder.

Referans etiketleri düzeni

Başvuru etiketleri düzeni, her kartın başvuru etiketleri bölümünde başvuru etiketlerinin nasıl düzenleniyor olduğunu denetler. Boşluklar, doldurma, arka planlar ve daha fazlası dahil olmak üzere görünüm ve hissi özelleştirebilirsiniz.

Çok kartlı düzen

Çoklu kart düzeni, birden çok kartın görsel kapsayıcıya nasıl sığacaklarını özelleştirir. Birden çok değeriniz olduğunda, bu ayar kartların düzenini denetler.

Çok kategorili düzen

Çok kategorili düzen, her kategori bölümünün (Kanada, Almanya gibi) nasıl düzenlendiğini biçimlendirir. Kart görselinize kategoriler eklendiğinde bu ayarı kullanın. Her kategori bölümünde kartlar, çok kartlı düzen ayarlarına göre düzenlenir.

Sabit boyut ve Alana göre ayarla

Çok kartlı düzen bölümünde kartların görsel kapsayıcı içinde nasıl boyutlandırıldığından denetleyebilirsiniz:

Sabit boyut: Her kartın tam piksel boyutlarını belirtmek için bu seçeneği açın. Görsel kapsayıcı tüm kartları belirtilen boyutta görüntüleyecek kadar büyük değilse, kaydırma çubukları otomatik olarak görünür. Görseli yeniden boyutlandırırken, kartlar orantılı olarak ölçeklendirmek yerine belirtilen boyutlarını korur.
Alana sığdır: Bu özellik açık olduğunda, mevcut kartlara göre kartlar görsel kapsayıcıyı doldurmak üzere büyüyebilir veya küçülebilir. Kapalı olduğunda, görsel daha az kart mevcut olsa bile belirtilen sayıda kart için alan ayırır.

Sabit Boyut ve Alana Sığdır birbirini dışlarlar. Sabit boyut etkinleştirildiğinde, boyutlar artık doğrudan kontrol edildiği için Alana sığdır seçeneği devre dışı bırakılır.

Görüntü ekleyin

Power BI'daki kart görseli, ölçümleri aşağıdakiler gibi birden çok görüntü seçeneğiyle birleştiren görsel açıdan çekici kartlar oluşturmanıza olanak tanır:

Görüntü: Ürün fotoğraflarını, kampanya grafiklerini veya markalı görüntüleri doğrudan kartın içinde gösterebilen büyük ve göze çarpan bir görüntü. Biçim bölmesinin Görüntü bölümünde bu seçeneği yapılandırın.
Açıklama kutusu görüntüsü: Açıklama kutusu içinde, metrik ekranı bunaltmadan markalama öğeleri veya küçük görsel ipuçları için iyi çalışan, ince iyileştirmeler sağlayan daha küçük bir görüntü. Callout> Görüntüsü'nde bu seçeneği yapılandırın.
Kategori üst bilgisi arka plan resmi: Kart görseline kategoriler eklendiğinde kategori üst bilgileri için bir arka plan resmi. Kategori üst bilgisi bölümünde bu seçeneği yapılandırın.

Kart görselinize resim eklemek için:

Resim ekleme: Kart görseli seçili durumdayken Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin. Görsel sekmesinin altında Resim kartını genişletin. Kartlar açılır listesinden kartınızı seçin ve ardından Görüntü anahtarını açık konuma getirin.
Açıklama kutusu resmi ekleme: Görselleştirmeler bölmesinde Görseli biçimlendir simgesini seçin. Görsel sekmesinin altında Belirtme Çizgisi kartını genişletin. Uygula ayarlarında kartınızın seçili olduğundan emin olun, Resim denetimlerini genişletin ve ardından Görüntü iki durumlu düğmesini açık olarak ayarlayın.

Tüm görüntü türleri için, yerel cihazınızdan karşıya yükleyerek, resim URL'sini yapıştırarak veya veri sütunundan bir görüntü seçerek ekleyebilirsiniz. Ayrıca görüntünün sığdırma özelliğini özelleştirebilir ve görünümünü geliştirmek için farklı görüntü efektleri seçebilirsiniz.

Not

Kart görselinize bir kategori eklerseniz ve tüm kartlar farklı görüntüler yerine aynı görüntüyü görüntülerse Ayarları uygula açılan listesini işaretleyin. Bu ayar Tümü olduğunda, görsel her karta aynı görüntüyü uygular. Kartlardaki her bir karta farklı görüntüler, örneğin bir veri sütunundan gelen görüntüler, atamak için belirli çağrı değeri seçin.

Kategori ekleme

Görsel Öğeler bölmesinin Görsel oluştur bölümündeki Kategoriler alanı kutusuna bir alan sürükleyerek, kart görselinize kategoriler ekleyebilirsiniz. Kategori eklediğinizde, kart görseli her kategori değeri için ayrı bir bölüm görüntüleyecek şekilde genişler ve her bölüm bu kategoriye dilimlenmiş verileri gösterir.

Kategori üst bilgileri seçilebilir ve seçildiğinde rapordaki diğer görselleri filtreleyin. Bu davranış, kullanıcıların farklı segmentlerdeki verileri keşfetmek için kart görselinizle etkileşim kurmasına olanak tanır.

Kategori seçimi

Bir kategori başlığı seçtiğinizde, diğer kategori kartları mevcut seçimi belirtmek için soluklaşır. Şunları yapabilirsiniz:

Birden çok kategori seçin: Ctrl tuşunu basılı tutun ve birden çok değere göre filtrelemek için diğer kategori üst bilgilerini seçin.
Kategori seçimini kaldırın: Kategori üst bilgisini seçimden kaldırmak için yeniden seçin.
Hangi görsellerin filtreleneceğini denetleme: Rapor sayfasındaki hangi görsellerin kart görselindeki seçimlerden etkileneceğini seçmek için Biçim menüsündeki Etkileşimleri düzenle seçeneğini kullanın.

Kategori bölümlerinin düzeni, Görsel sekmesinin altındaki biçim bölmesindeki Çok kategorili düzen bölümü tarafından denetlenmektedir. Her kategori bölümünde, tek tek kartların yerleşimi çok kartlı düzen bölümü tarafından denetlendi. Her karttaki açıklama balonu, resim ve referans etiketleri gibi öğeler, Kartlar Düzeni bölümü tarafından kontrol edilir.

Kart kılavuzu

Adım adım kapsamlı bir kart görseli oluşturmak için bu kılavuzu izleyin.

Not

Bu kılavuzda modern görsel varsayılanları önizlemesi açık olarak kullanılır. Seçenekler>Önizlemesi'nde> bu özelliği etkinleştirin: Modern görsel varsayılanları ve tema iyileştirmelerini gösterilen örneklerle eşleşecek şekilde özelleştirin.

Örnek veriler

Bu kılavuzdaki örnekleri takip etmek için boş bir Power BI Desktop raporunda örnek verileri içeren bir hesaplanmış tablo oluşturun.

Power BI Desktop'ı açın ve yeni bir boş rapor oluşturun.
Modelleme Yeni tablo'yu> seçin.

Aşağıdaki DAX ifadesini yapıştırın:

Product Line Sales =
DATATABLE(
    "Product Line", STRING,
    "Channel", STRING,
    "_Units", INTEGER,
    "_Revenue", INTEGER,
    "_Revenue Target", INTEGER,
    "_Returns", INTEGER,
    {
        {"A", "Online", 1200, 84000, 80000, 45},
        {"A", "Retail", 800, 48600, 60000, 154},
        {"B", "Online", 2400, 168000, 150000, 89},
        {"B", "Retail", 1600, 112000, 120000, 640},
        {"C", "Online", 600, 72000, 70000, 18},
        {"C", "Retail", 950, 114000, 100000, 31}
    }
)

Tabloyu oluşturmak için Enter tuşuna basın.

Örnek verileri toplamak için ölçüler ekleyin. TMDL görünümünü açmak için sol taraftaki TMDL'yi seçin, aşağıdaki betiği yapıştırın ve Uygula'yı seçin:

createOrReplace

	ref table 'Product Line Sales'

		/// Total number of products sold across all channels and product lines.
		measure Units = SUM('Product Line Sales'[_Units])
			formatString: #,##0

		/// Total sales revenue generated from all transactions.
		measure Revenue = SUM('Product Line Sales'[_Revenue])
			formatString: $#,##0

		/// The planned revenue goal used to measure sales performance.
		measure 'Revenue target' = SUM('Product Line Sales'[_Revenue Target])
			formatString: $#,##0

		/// Total number of products returned by customers.
		measure Returns = SUM('Product Line Sales'[_Returns])
			formatString: #,##0

		/// Shows how close actual revenue is to the target (100% = on target, >100% = exceeding).
		measure 'Revenue % to target' = DIVIDE([Revenue], [Revenue target])
			formatString: 0.0%

		/// Percentage of sold units that were returned (lower is better).
		measure 'Return rate' = DIVIDE([Returns], [Units])
			formatString: 0.0%

		/// Dollar amount above or below the revenue target (positive = exceeding, negative = behind).
		measure 'Revenue variance' = [Revenue] - [Revenue target]
			formatString: $#,##0

Alternatif olarak,Modelleme Yeni ölçü'yü> seçip her ifadeyi girerek ölçüleri oluşturun.

Temel kart oluşturma

Görsel Öğeler bölmesinde Görsel oluştur sekmesini ve ardından görsel galerisinden Kart görselini seçin.
Birimler'i Değerler alanına sürükleyin.
Gelir alanını Değerler kutusuna sürükleyin.

Artık toplam birimleri ve toplam geliri gösteren çok kartlı bir görsele sahipsiniz.

Toplam birimleri ve toplam geliri gösteren temel bir kart görselinin ekran görüntüsü.

Vurgulama resmi ekle

Kartı daha görsel açıdan ilgi çekici hale getirmek için vurgulama alanına bir resim ekleyin. Bu örnekte, verileri temel alan SVG görüntüleri oluşturan iki ölçü ekleyin.

TMDL görünümünü açmak için sol taraftaki TMDL'yi seçin, aşağıdaki betiği yapıştırın ve Uygula'yı seçin:

createOrReplace

	ref table 'Product Line Sales'

		/// Visual indicator showing the percentage of products not returned, displayed as a progress bar.
		measure 'Units callout image' =
				VAR _ReturnRate = [Return rate]
				VAR _UnreturnedPct = (1 - _ReturnRate) * 100
				VAR _FillWidth = MIN(38, MAX(0, _UnreturnedPct * 0.38))
				RETURN
				"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='16'%3E%3Crect x='1' y='3' width='38' height='10' fill='none' stroke='%23808080' stroke-width='2' rx='2'/%3E%3Crect x='1' y='3' width='" & FORMAT(_FillWidth, "0") & "' height='10' fill='%23404040' rx='2'/%3E%3Ctext x='45' y='12' font-size='10' fill='%23404040'%3E%25%3C/text%3E%3C/svg%3E"
			displayFolder: Images
			dataCategory: ImageUrl

		/// Visual indicator showing revenue performance vs target, with green bar for above target and red for below.
		measure 'Revenue callout image' =
				VAR _PctToTarget = [Revenue % to target]
				VAR _VariancePct = (_PctToTarget - 1) * 100
				VAR _IsPositive = _VariancePct >= 0
				VAR _BarLength = MIN(20, ABS(_VariancePct) * 0.4)
				RETURN IF(_IsPositive,
				    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16'%3E%3Cline x1='20' y1='3' x2='20' y2='13' stroke='%23404040' stroke-width='1'/%3E%3Crect x='20' y='5' width='" & FORMAT(_BarLength, "0") & "' height='6' fill='%23107C10'/%3E%3C/svg%3E",
				    "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='16'%3E%3Cline x1='20' y1='3' x2='20' y2='13' stroke='%23404040' stroke-width='1'/%3E%3Crect x='" & FORMAT(20 - _BarLength, "0") & "' y='5' width='" & FORMAT(_BarLength, "0") & "' height='6' fill='%23D13438'/%3E%3C/svg%3E")
			displayFolder: Images
			dataCategory: ImageUrl

Açıklama balonu görüntülerini eklemek için:

Kart görselinizi seçin.
Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin.
Görsel sekmesinin altında Açıklama'yı genişletin.
Ayarları uygula açılan listesinde Birimler'i seçin.
Resim'i genişletin ve Açık konuma getirin.
Görüntü türünüVerilerden seç olarak ayarlayın.
Açılır menüsünden Birim açıklama balonu görüntüsünü seçin.
Image fitOrtalama olarak ayarlayın.
Çubuğu daha görünür hale getirmek için Boyut'a20 piksel ayarlayın.
Ayarları uygula açılan menüsünde Revenue'ı seçin.
Resim'i genişletin ve Açık konuma getirin.
Görüntü türünüVerilerden seç olarak ayarlayın.
Alan açılır listeden Revenue çağrı balonu görüntüsünü seçin.
Image fitOrtalama olarak ayarlayın.
Boyut değerini 40 piksel olarak ayarlayın.

Her kart artık ölçüm değeriyle birlikte açıklama balonu alanında veri temelli bir görüntü gösterir.

Ölçüm değerlerinin yanında veri temelli SVG görselleştirmeleri gösteren bilgi balonlarının bulunduğu kart görselinin ekran görüntüsü.

Kategoriye göre göster

Verilerinizi segmentlere göre bölünmüş olarak görüntülemek için bir kategori ekleyin.

Veri bölmesinde Ürün Hattı'nıKategoriler alanına sürükleyin.
Verileri, her ürün satırında satış kanalına göre daha ayrıntılı olarak bölmek için Kanalı, Kategoriler alanına sürükleyin.
Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin.
Görsel sekmesinin altında Çok kategorili düzeni genişletin.
Düzen'i genişletin, AutoGrid ayarını Kapalı olarak değiştirin ve tüm kategorileri görüntülemek için Satırlar'ı6 olarak ayarlayın.

Not

Autogrid açık olduğunda, en fazla satır sayısı 4'tür. Daha fazla satır görüntülemek için Otomatik Kılavuz'u kapatın.

Kart görseli artık her ürün hattı ve kanal birleşimi için ayrı bir bölüm gösteriyor; her bölüm, birimleri, geliri ve vurgulanan görüntüleri birlikte sunuyor.

Ürün satırına ve kanal kategorilerine göre ayrılmış bir kart görselinin ekran görüntüsü.

Kategori başlığı arka plan resmi ekle

Her kategorinin dikkat çekmesini sağlamak için, kategori üst bilgilerinize bir arka plan resmi ekleyin. Bu örnekte, SVG gradyan görüntüsü oluşturan bir ölçü ekleyin.

TMDL görünümünü açmak için sol taraftaki TMDL'yi seçin, aşağıdaki betiği yapıştırın ve Uygula'yı seçin:

createOrReplace

	ref table 'Product Line Sales'

		/// Background image for category headers with colors by product line
		/// (A=blue, B=green, C=purple) and patterns by channel
		/// (Online=waves, Retail=dots).
		measure 'Category image' =

				-- Get the current filter context values
				VAR _ProductLine = SELECTEDVALUE('Product Line Sales'[Product Line])
				VAR _Channel = SELECTEDVALUE('Product Line Sales'[Channel])

				-- Define fill colors by Product Line (URL-encoded hex)
				-- A = Blue (#0078D4), B = Green (#107C10), C = Purple (#8764B8)
				VAR _FillColor =
					SWITCH(
						_ProductLine,
						"A", "%230078D4",
						"B", "%23107C10",
						"C", "%238764B8",
						"%23808080"  -- Default gray
					)

				-- Define stroke/pattern colors (lighter variants)
				VAR _StrokeColor =
					SWITCH(
						_ProductLine,
						"A", "%2350A0E0",
						"B", "%2350B050",
						"C", "%23A090D0",
						"%23A0A0A0"  -- Default gray
					)

				-- Waves pattern for Online channel (4 horizontal wave lines)
				VAR _WavesPattern =
					"<path d='M0,8 Q8,0 16,8 T32,8 T48,8 T64,8 " &
					"M0,24 Q8,16 16,24 T32,24 T48,24 T64,24 " &
					"M0,40 Q8,32 16,40 T32,40 T48,40 T64,40 " &
					"M0,56 Q8,48 16,56 T32,56 T48,56 T64,56' " &
					"stroke='" & _StrokeColor & "' stroke-width='3' fill='none'/>"

				-- Dots pattern for Retail channel (offset grid of circles)
				VAR _DotsPattern =
					-- Row 1: 4 dots at y=8
					"<circle cx='8' cy='8' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='24' cy='8' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='40' cy='8' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='56' cy='8' r='4' fill='" & _StrokeColor & "'/>" &
					-- Row 2: 3 dots at y=24 (offset)
					"<circle cx='16' cy='24' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='32' cy='24' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='48' cy='24' r='4' fill='" & _StrokeColor & "'/>" &
					-- Row 3: 4 dots at y=40
					"<circle cx='8' cy='40' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='24' cy='40' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='40' cy='40' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='56' cy='40' r='4' fill='" & _StrokeColor & "'/>" &
					-- Row 4: 3 dots at y=56 (offset)
					"<circle cx='16' cy='56' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='32' cy='56' r='4' fill='" & _StrokeColor & "'/>" &
					"<circle cx='48' cy='56' r='4' fill='" & _StrokeColor & "'/>"

				-- Select pattern based on Channel
				VAR _Pattern =
					IF(_Channel = "Online", _WavesPattern, _DotsPattern)

				-- Assemble final SVG with data URI prefix
				RETURN
					"data:image/svg+xml;utf8," &
					"<svg xmlns='http://www.w3.org/2000/svg' " &
						"width='64' height='64' viewBox='0 0 64 64'>" &
						"<rect width='64' height='64' fill='" & _FillColor & "'/>" &
						_Pattern &
					"</svg>"
			displayFolder: Images
			dataCategory: ImageUrl

Kategori üst bilgisi arka plan görüntüsünü eklemek için:

Kart görselinizi seçin.
Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin.
Görsel sekmesinin altında Kategori üst bilgisini genişletin.
Ayarları uygula açılan listesinde Tümü'ne tıklayın.
Arka Plan bölümünü genişletin ve Açık olarak değiştirin.
Resim ekle'yiAçık konuma getirin.
Görüntü kaynağınıVerilerden seç olarak ayarlayın.
Açılır alan listesinden Kategori resmi seçin.
Resim sığdır'ıDolgu olarak ayarlayın.
Saydamlığı50%olarak ayarlayın.

Her kategori üst bilgisi artık farklı kategori bölümlerini görsel olarak ayırmaya yardımcı olan ince bir gradyan arka plan görüntüler. Ayarları uygula açılan listesinden belirli bir kategoriyi seçerek her kategoriye tek tek resimler de ekleyebilirsiniz.

Referans etiketleri ekleme

Başvuru etiketleri, ana ölçümünüzün bağlamını sağlar. Daha ayrıntılı bilgi için başvuru etiketlerine ayrıntı değerleri de ekleyebilirsiniz.

Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin.
Görsel sekmesinin altında Başvuru etiketleri bölümünü genişletin.
Ayarları uygula açılan listesinde Birimler'i seçin.
İadeleriEtiket verisi ekle alanına sürükleyin.
Etiket ekle açılan listesinde İadeler'i seçin.
Ayrıntı bölümünü genişletin ve Açık olarak değiştirin.
Dönüş oranı'nıAyrıntılar veri alanına sürükleyin.
Ayarları uygula açılan menüsünde Revenue'ı seçin.
Gelir varyansınıEtiket verileri ekle alanına sürükleyin.
Etiket ekle açılan listesinde Gelir varyansı'nı seçin.
Ayrıntı bölümünü genişletin ve Açık olarak değiştirin.
Revenue % öğesini hedef olarakAyrıntılar veri alanına sürükleyin.

Kartlarınız artık başvuru etiketlerini ayrıntılarıyla birlikte görüntüler: Birimler kartı iade oranıyla getirileri, Gelir kartı ise hedef yüzdeye oranla gelir varyansını gösterir. Değerleri temel alarak renkleri ayarlamak için koşullu biçimlendirme kullanmak da dahil olmak üzere başvuru etiketlerini daha fazla biçimlendirebilirsiniz.

Referans etiketleri ve ayrıntılı değerlerle iadeleri ve gelir varyansını gösteren bir kart görselinin ekran görüntüsü.

Üst düzey görüntü ekleme

Açılır alanın dışında görüntülenen karta göze çarpan bir görüntü ekleyin. Bu özelliği kullanarak ürün görüntülerini gösterebilir, görüntüleri depolayabilir veya fotoğrafları yönetebilirsiniz. Bu örnekte, açıklama balonu görüntülerini ve başvuru etiketi ayrıntılarını tek bir özel görselleştirmede birleştiren özel SVG görüntüleri oluşturacağız.

TMDL görünümünü açmak için sol taraftaki TMDL'yi seçin, aşağıdaki betiği yapıştırın ve Uygula'yı seçin:

createOrReplace

	ref table 'Product Line Sales'

		/// Status card showing return performance with ON TRACK/NEEDS ATTENTION indicator and return details.
		measure 'Units image' =
				VAR _Units = [Units]
				VAR _Returns = [Returns]
				VAR _ReturnRate = [Return rate]
				VAR _IsOnTrack = _ReturnRate <= 0.05  // 5% threshold

				// Formatting
				VAR _ReturnsFormatted = FORMAT(_Returns, "#,##0")
				VAR _RateFormatted = FORMAT(_ReturnRate * 100, "0.0") & "%25"

				// Filled rect - shows unreturned % (higher fill = better)
				VAR _UnreturnedPct = (1 - _ReturnRate) * 100
				VAR _FillWidth = MIN(80, MAX(0, _UnreturnedPct * 0.8))

				// Colors - light red background when needs attention
				VAR _BgFill = IF(_IsOnTrack, "none", "%23FDE7E9")
				VAR _StatusTextColor = IF(_IsOnTrack, "%23605E5C", "%23A80000")
				VAR _StatusText = IF(_IsOnTrack, "ON TRACK", "NEEDS ATTENTION")
				VAR _PillFill = IF(_IsOnTrack, "%23F3F2F1", "%23FFFFFF")
				VAR _PillStroke = IF(_IsOnTrack, "%23605E5C", "%23D83B01")
				VAR _PillText = IF(_IsOnTrack, "%23323130", "%23A80000")
				VAR _BarFill = IF(_IsOnTrack, "%23404040", "%23D83B01")
				VAR _BarStroke = IF(_IsOnTrack, "%23808080", "%23D83B01")

				RETURN
				"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' viewBox='0 0 200 80'%3E" &
				"%3Crect x='0' y='0' width='200' height='80' rx='4' fill='" & _BgFill & "'/%3E" &
				"%3Ctext x='100' y='18' text-anchor='middle' font-family='Segoe UI' font-size='12' font-weight='600' fill='" & _StatusTextColor & "'%3E" & _StatusText & "%3C/text%3E" &
				"%3Crect x='60' y='28' width='80' height='12' fill='none' stroke='" & _BarStroke & "' stroke-width='1.5' rx='2'/%3E" &
				"%3Crect x='60' y='28' width='" & FORMAT(_FillWidth, "0") & "' height='12' fill='" & _BarFill & "' rx='2'/%3E" &
				"%3Crect x='30' y='48' width='140' height='22' rx='11' fill='" & _PillFill & "' stroke='" & _PillStroke & "' stroke-width='1.5'/%3E" &
				"%3Ctext x='100' y='63' text-anchor='middle' font-family='Segoe UI' font-size='11' font-weight='600' fill='" & _PillText & "'%3E" & _ReturnsFormatted & " returns (" & _RateFormatted & ")%3C/text%3E" &
				"%3C/svg%3E"
			displayFolder: Images
			dataCategory: ImageUrl

		/// Status card showing revenue performance with ON TRACK/NEEDS ATTENTION indicator and variance details.
		measure 'Revenue image' =
				VAR _Revenue = [Revenue]
				VAR _Target = [Revenue target]
				VAR _Variance = [Revenue variance]
				VAR _PctToTarget = [Revenue % to target]
				VAR _IsOnTrack = _PctToTarget >= 1

				// Formatting
				VAR _VarianceAbs = ABS(_Variance)
				VAR _VarianceFormatted = IF(_Variance >= 0, "%2B", "-") & FORMAT(_VarianceAbs / 1000, "#,##0") & "K"
				VAR _PctFormatted = IF(_PctToTarget >= 1, "%2B", "") & FORMAT((_PctToTarget - 1) * 100, "0.0") & "%25"

				// Colors - light red background when needs attention
				VAR _BgFill = IF(_IsOnTrack, "none", "%23FDE7E9")
				VAR _StatusTextColor = IF(_IsOnTrack, "%23605E5C", "%23A80000")
				VAR _StatusText = IF(_IsOnTrack, "ON TRACK", "NEEDS ATTENTION")
				VAR _PillFill = IF(_IsOnTrack, "%23F3F2F1", "%23FFFFFF")
				VAR _PillStroke = IF(_IsOnTrack, "%23605E5C", "%23D83B01")
				VAR _PillText = IF(_IsOnTrack, "%23323130", "%23A80000")

				// IBCS variance bar
				VAR _BarX = IF(_Variance >= 0, 100, 100 - MIN(40, ABS((_PctToTarget - 1) * 100) * 0.8))
				VAR _BarW = MIN(40, ABS((_PctToTarget - 1) * 100) * 0.8)
				VAR _BarColor = IF(_Variance >= 0, "%23605E5C", "%23D83B01")

				RETURN
				"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='80' viewBox='0 0 200 80'%3E" &
				"%3Crect x='0' y='0' width='200' height='80' rx='4' fill='" & _BgFill & "'/%3E" &
				"%3Ctext x='100' y='18' text-anchor='middle' font-family='Segoe UI' font-size='12' font-weight='600' fill='" & _StatusTextColor & "'%3E" & _StatusText & "%3C/text%3E" &
				"%3Cline x1='100' y1='24' x2='100' y2='44' stroke='%23808080' stroke-width='1'/%3E" &
				"%3Crect x='" & FORMAT(_BarX, "0") & "' y='28' width='" & FORMAT(_BarW, "0") & "' height='12' fill='" & _BarColor & "'/%3E" &
				"%3Crect x='30' y='50' width='140' height='22' rx='11' fill='" & _PillFill & "' stroke='" & _PillStroke & "' stroke-width='1.5'/%3E" &
				"%3Ctext x='100' y='65' text-anchor='middle' font-family='Segoe UI' font-size='11' font-weight='600' fill='" & _PillText & "'%3E" & _VarianceFormatted & " (" & _PctFormatted & ")%3C/text%3E" &
				"%3C/svg%3E"
			displayFolder: Images
			dataCategory: ImageUrl

En üst düzey görüntüleri eklemek için:

Görsel Öğeler bölmesinde Görseli biçimlendir simgesini seçin.
Görsel sekmesinin altında Resim bölümünü genişletin.
Ayarları uygula açılan listesinde Kart = Birimleri'ni seçin.
ResmiAçık konuma getirin.
Görüntü kaynağınıVerilerden seç olarak ayarlayın.
Alan açılır listesinden Birim görüntüsünü seçin.
Resim sığdır'ıDolgu olarak ayarlayın.
Ayarları uygula açılan listesinde, Kartlar ve = öğesini seçin.
ResmiAçık konuma getirin.
Görüntü kaynağınıVerilerden seç olarak ayarlayın.
Alan açılan listesinden Gelir görselini seçin.
Resim sığdır'ıDolgu olarak ayarlayın.

Özel SVG görüntü yaklaşımıyla, başvuru etiketini ve ayrıntı bilgilerini görüntünün kendisiyle birleştirebilirsiniz. Kart düzenini kolaylaştırmak için:

Açıklama Balonu altında, her kart için Görüntü iki durumlu düğmesini kapatın ve açıklama balonu görüntülerini kaldırın.
Başvuru etiketleri altında, eklediğiniz tüm başvuru etiketlerini Etiket ekle alanlarından silerek kaldırın.
Kartlar>Düzeni'nin altında Düzenleme'yiYatay olarak ayarlayın.
Düzen'iGörüntü, Açıklama Balonu, Referans etiketleri olarak ayarlayın.
Açıklama balonu boyutunu40%olarak ayarlayın.

Görüntü artık kartın kendi özel bölümünde, çağrı değeriyle birlikte özelleştirilmiş SVG görselleştirmesini vurgulayan yatay bir düzen içinde görünür.

Açıklama balonu değerlerinin yanı sıra özel SVG görüntülerini gösteren yatay düzende bir kart görselinin ekran görüntüsü.

Eski tek kart ve çok kartlı görseller

Kasım 2025 sürümünden önce Power BI iki ayrı kart görseli içeriyor: bir ölçüyü görüntülemek için tek kart görseli ve birden çok ölçüyü görüntülemek için çok kartlı görsel. Bu eski görseller geriye dönük uyumluluk için kullanılabilir durumda kalır. Bu görselleri kullanan mevcut raporlar değişiklik olmadan işlemeye devam eder.

Yeni kart görseli hem eski görsellerin yerini alır hem de yeni raporlar için önerilir. Görsel Öğeler bölmesinde Kart simgesini seçtiğinizde, Kasım 2025 genel kullanılabilirlik sürümünde tanıtılan yeni kart görseli oluşturulur.

Eski tek kart ve çok kartlı görsellere erişmek için:

Görselleştirmeler bölmesinde üç noktayı (...) seçin.
Varsayılan görselleri geri yükle'yi seçin.

Eski görseller Görselleştirmeler bölmesinin sabitlenmemiş alanında görünür ve burada özel görseller genellikle görünür. Eski davranışı sürdürmesi gereken kullanıcılar, raporlarında mevcut eski kart görsellerini kullanmaya devam etmelidir.

Dikkat edilmesi gerekenler ve sınırlamalar

Önizleme sırasında raporlarda kullanılan kartlar için sık sorulan sorular

Daha önce farklı bir sayıya ayarladığımda sütun ayarı neden 10'a sıfırlanıyor veya satır ayarı neden 10'a sıfırlanıyor?

Önizleme sırasında, kılavuz, dikey veya yatay kart yerleşimi için sütun veya satır numarası ayarlayabilirsiniz. Kasım 2025 sürümünden sonra yalnızca ızgara düzeni ayarı korunur. Dikey ve yatay düzenlemeler, yayımlanmış raporlar da dahil olmak üzere mevcut raporlarda 10 sütuna ve 10 satıra sıfırlanır. Bu ayarlara uyum sağlamak için mevcut kart görsellerinizde kaydırma çubukları görüntülenebilir. Yalnızca önizleme sırasında kart görseli ile yayımlanan veya oluşturulan raporlar etkilenir.

Kartlarınızı önceki sütuna ve satır numarasına döndürmek için, Kasım 2025 Power BI Desktop'ta bu ayarları güncelleştirin ve raporu yayımlayın veya raporu web'de düzenleyin.

Kartlar neden daha fazla yer kaplar?

Önizleme sırasında varsayılan ayarlarda kartların içinde daha az boşluk vardı. Kasım 2025'teki sürümden sonra karta daha fazla dolgu ve dolgu seçeneği eklendi. Yeni varsayılan değer 12 pikseldir.

Bu ayarları bulmak ve ayarlamak için biçim bölmesinde "Boşluk" araması yapın ve ihtiyaçlarınıza göre ayarlayın. Bazı durumlarda, tek tek doldurmada geçiş yapmak önceki doldurma ayarlarını geri yükleyebilir.

Doldurma, özel bir tema dosyasında ayarlanabilir veya raporunuzdaki tüm kartlara uygulamak için kendi özel tema dosyanıza eklenebilir.

{
  "$schema": "https://raw.githubusercontent.com/microsoft/powerbi-desktop-samples/main/Report%20Theme%20JSON%20Schema/reportThemeSchema-2.149.json",
  "name": "CardVisualGA",
  "visualStyles": {
    "cardVisual": {
      "*": {
        "*": [{
            "$id": "default",
            "paddingUniform": 0        
        }]
      }
    }
  }
}

Daha fazla bilgi için bkz. Power BI rapor temaları.

Başvuru etiketi olmayan kartlarda neden bir başvuru etiketi alanı var?

Önizleme sırasında, başvuru etiketleri, ayırıcı kapatıldığında açıklama balonu alanının bir parçasıydı. Kasım 2025'den sonra başvuru etiketlerinin kendi alanları vardır. Bir alan en az bir kartta kullanıldığında, diğer kartlar bu alanı kartlar arasında tutarlılığı korumak için kullanılabilir durumda tutar.

Başvuru etiketi, bilgi kutusundaki metni neden gizliyor?

Önizleme sırasında başvuru etiketleri bilgilendirme kutusu alanının bir parçasıydı. Kasım 2025'den sonra başvuru etiketlerinin kendi alanları vardır. Ayrıca artık kartın varsayılan olarak %50'sini kaplar.

Kart alanı boyutlarını ayarlamak için Kartlar'a gidin, Ayarı uygula denetimininTümü olarak ayarlandığından emin olun, ardından Düzen'deÇıkıntı boyutunu % ayarlayın.

Kart başvuru etiketine neden arka plan rengi eklendi?

Önizleme esnasında, arka plan rengi yalnızca başvuru etiketinde bir ayırıcı olduğunda gösterilir. Bölücü, referans etiketlerine arka plan uygulamaya olanak sağlamak için kartta kendi alanlarını verdi. Kasım 2025 sürümünden sonra, başvuru etiketlerinin ayırıcısı olan veya olmayan her zaman kendi alanları vardır ve varsayılan arka plan kullanılır.

Biçim bölmesinde etiket düzenine> ve arka plan seçeneğine gidip ayarı kapatarak arka plan kapatılabilir.

Bu ayar bir özel tema dosyasında ayarlanabilir veya bunları raporunuzdaki tüm kartlara uygulamak için kendi özel tema dosyanıza eklenebilir.

{
  "$schema": "https://raw.githubusercontent.com/microsoft/powerbi-desktop-samples/main/Report%20Theme%20JSON%20Schema/reportThemeSchema-2.149.json",
  "name": "CardVisualGA",
  "visualStyles": {
    "cardVisual": {
      "*": {
        "*": [{
            "$id": "default",
            "backgroundTransparency": 100          
        }]
      }
    }
  }
}

Daha fazla bilgi için bkz. Power BI rapor temaları.

Biçim bölmesinde görüntü ayarlarımı neden göremiyorum?

Önizleme sırasında, açıklama balonu resmi biçim bölmesinin Görüntü bölümü kullanılarak eklendi ve metnin yanındaki açıklama balonu alanında gösterildi. Kasım 2025'den sonra, daha önce eklenen görüntüler açıklama balonu alanında tutuldu ve ayarları biçim bölmesindeki Açıklama Balonu>Resmi bölümüne taşındı. Biçim bölmesinin Görüntü bölümünü ayarlamak artık karta kendi alanına sahip yeni bir görüntü ekler.

Resmim neden şimdi yakınlaştırıldı?

Önizleme sırasında, görüntünün boyutu için varsayılan ayarlarda Kasım 2025 güncelleştirmesi tarafından düzeltilen bazı hatalar vardı. İlk ayarlarınıza bağlı olarak, görüntü "yakınlaştırılmış" veya öncekinden farklı görünebilir.

Görseli düzeltmek için, biçim bölmesinde Açıklama Balonu>Görüntüsüsekmesindekisığdır veya ortala seçeneklerini ayarlayın ve aynı biçimlendirme bölümündeki boyut ve görüntü alanı boyutu denetimlerini kontrol edin. Bu ayarın yeni bir konumda olduğunu ve en üst düzey Görüntü bölümünün artık kart görüntüsüne yönelik olduğunu unutmayın.

Kategori üst bilgisi görüntüm neden kayboldu?

Kategori üst bilgisi ayarları'na gidin ve resim ekle'yi yeniden açın. Görüntünüz hala orada olmalıdır.

Yayımlanmış bir rapordaki yeni kart görseli neden Masaüstü'nde göründüğünden farklı görünüyor?

Masaüstü ile hizmet arasındaki farklar iki senaryoda gerçekleşebilir.

Kasım 2025 öncesi bir Masaüstü sürümü kullanıyorsunuz, bu dönemde kart önizleme aşamasındaydı. Hizmette yayımlandığında, yeni kart görselinin genel kullanıma sunulan sürümüne yükseltildi. Stili ayarlamak için Power BI Desktop'ınızı güncelleştirin veya yayımladıktan sonra raporu web'de düzenleyin.
Power BI Desktop'ın Kasım 2025 sürümünü kullanıyorsunuz ve genel olarak erişilebilen kartın güncellemesi hizmet bölgenize ulaştırılmadı. Hizmet bölgesi güncelleştirildikten sonra kart aynı görünür. Bu davranış yalnızca Kasım 2025'in sonlarında birkaç bölgede gerçekleşmelidir.

Genel önizlemeden varsayılan davranış değişiklikleri

Önizleme sırasında kart görselinin varsayılan davranışı, şu anda genel kullanılabilirlikte olan davranışından farklıydı. Genel kullanıma sunulduğunda, düzen tutarlılığını, görsel hizalamayı ve genel kullanıcı deneyimini geliştirmek için güncelleştirmeler yaptık.

Çağrı görüntüsü hizalaması: Önizleme sırasında, hizalanan çağrı görüntüsü, açıklama etiketi metniyle kısıtlandı ve bu da açıklama kutusunun bir bölümünün boş kalmasına neden olabilir. Artık görüntü açıklama kutusu kapsayıcısına hizalanır.
Arka plan görüntüsünü sığdırma: Önizleme sırasında arka plan görüntüsü kapsayıcıyı doldurmak üzere yinelenebilir. Görüntü sığdırma seçenekleri artık sığdırma, uzatma, doldurma ve merkezleme gibi diğer görsel görüntü seçenekleriyle uyumlu.
Başvuru etiketi dış boşluğu: Önizleme sırasında başvuru etiketlerinin dış boşluk ayarı, öğeleri ayırıcının çevresinde yerlerinden iterek çağrı alanını istemeden etkiledi. Dış dolgu ayarı artık başvuru etiketlerinden kaldırıldı.
Alana sığdır (Autogrid'den yeniden adlandırıldı): Önizleme sırasında, belirtilen sütun sayısıyla eşleşmesi için görseller boş sütunlar bırakır. Alana sığdır özelliğinin eklenmesiyle, kartları mevcut kartlara göre görsel alanı dolduracak şekilde düzenler. Önceki davranışa dönmek için bu ayar kapatılabilir.

Biçim ayarları

(yeni) kart görseli genellikle Kasım 2025 Power BI sürümüyle card görseli olarak kullanılabilir. Genel önizleme aşamasında kart görselini kullandıysanız genel kullanılabilirlik sürümündeki iyileştirmeleri yansıtan davranış veya biçimlendirme değişiklikleri fark edebilirsiniz.
Yeni Kart görseli güncelleştirilmiş varsayılan stil içerir. Yeni oluşturulan kartlar eski kartlardan ve Genel Önizleme sırasında oluşturulan kartlardan farklı görünebilir, ancak mevcut görseller değişmeden kalır.
Kart görselini biçimlendirirken, bazı biçim ayarlarının farklı veya yeni bir konumda olduğunu veya ayarın adının değiştirildiğini fark edebilirsiniz.
Kart görselinin önceki sürümlerinde, Açıklama Balonu görüntüsü Görüntü kartının bir parçası olarak kullanılabilirdi. Bu resim artık Biçim bölmesinin Açıklama Balonu bölümündedir.
Belirli Düzen düzenlemeleri, genel önizleme aşamasında kart görselini kullanan mevcut raporları etkileyebilir. Bu etki, genel kullanılabilirlik sürümünün bir parçası olarak tüm kart bileşenlerinde yapılan güncelleştirmelerden ve düzen, stil ve görüntü işleme iyileştirmelerinden kaynaklanır.
Daha önce Görüntü kartı düzenine bağlıysanız, Resim Ayarları biçimlendirme bölümünü kullanarak Açıklama Balonu'na erişebilir ve bu ayarları yapılandırarak görsellerinizi uygun şekilde güncelleyebilirsiniz.

Geri Bildirim

Bu sayfayı yararlı buldunuz mu?

Last updated on 2026-04-09

Power BI'de kart görseli oluşturma

Kart görseli oluşturma

Kart görseli düzenini özelleştirme

Kart düzeni

Çağrı kutusu düzeni

Referans etiketleri düzeni

Çok kartlı düzen

Çok kategorili düzen

Sabit boyut ve Alana göre ayarla

Görüntü ekleyin

Kategori ekleme

Kategori seçimi

Kart kılavuzu

Örnek veriler

Temel kart oluşturma

Vurgulama resmi ekle

Kategoriye göre göster

Kategori başlığı arka plan resmi ekle

Referans etiketleri ekleme

Üst düzey görüntü ekleme

Eski tek kart ve çok kartlı görseller

Dikkat edilmesi gerekenler ve sınırlamalar

Önizleme sırasında raporlarda kullanılan kartlar için sık sorulan sorular

Daha önce farklı bir sayıya ayarladığımda sütun ayarı neden 10'a sıfırlanıyor veya satır ayarı neden 10'a sıfırlanıyor?

Kartlar neden daha fazla yer kaplar?

Başvuru etiketi olmayan kartlarda neden bir başvuru etiketi alanı var?

Başvuru etiketi, bilgi kutusundaki metni neden gizliyor?

Kart başvuru etiketine neden arka plan rengi eklendi?

Biçim bölmesinde görüntü ayarlarımı neden göremiyorum?

Resmim neden şimdi yakınlaştırıldı?

Kategori üst bilgisi görüntüm neden kayboldu?

Yayımlanmış bir rapordaki yeni kart görseli neden Masaüstü'nde göründüğünden farklı görünüyor?

Genel önizlemeden varsayılan davranış değişiklikleri

Biçim ayarları

İlgili içerik

Geri Bildirim

Ek kaynaklar