สร้างวิชวลการ์ดใน Power BI

นําไปใช้กับ: Power BI เดสก์ท็อป Power BI service

วิชวลการ์ดใน Power BI แสดงเมตริกหลักในรูปแบบที่ยืดหยุ่นและดึงดูดสายตา การ์ดแต่ละใบจะแสดงค่าการวัดผลพร้อมรูปภาพไฮไลต์ ป้ายกํากับอ้างอิง และรายละเอียดสนับสนุน คุณสามารถแสดงการ์ดหลายใบในวิชวลเดียว แบ่งตามประเภท และกําหนดเค้าโครงเองให้ตรงกับการออกแบบรายงานของคุณ

การรวมหน่วยวัดและป้ายชื่ออ้างอิงหลายรายการไว้ในวิชวลเดียวช่วยปรับปรุงประสิทธิภาพของรายงานโดยการลดเวลาในการโหลดวิชวลและปรับคิวรีพื้นฐานให้เหมาะสมกับแบบจําลองความหมาย คุณยังสามารถใช้รูปภาพที่ขับเคลื่อนด้วยข้อมูลเพื่อสร้างการแสดงภาพแบบกําหนดเองที่ตอบสนองต่อข้อมูลของคุณ

หมายเหตุ

วิชวลการ์ด (ใหม่) พร้อมใช้งานโดยทั่วไปในรูปแบบวิชวล การ์ด พร้อมกับการเผยแพร่ Power BI ในเดือนพฤศจิกายน 2025 รายงานที่มีวิชวลบัตรดั้งเดิมยังคงใช้วิชวลการ์ดดั้งเดิมต่อไป

สร้างวิชวลการ์ด

1. ในบานหน้าต่าง การแสดงภาพ ให้เลือกแท็บ สร้างวิชวล จากนั้นเลือกวิชวล การ์ด จากแกลเลอรีวิชวล

2. เพิ่มหน่วยวัดหรือคอลัมน์ข้อมูลใดๆ ลงในฟิลด์ ค่า อย่างดี

   

ตอนนี้คุณมีการ์ดง่ายๆ แล้ว คุณสามารถเพิ่มค่าได้มากเท่าที่คุณต้องการและการ์ดจะปรากฏขึ้นมากขึ้น

กําหนดเค้าโครงวิชวลของการ์ดเอง

วิชวลการ์ดมีตัวเลือกเค้าโครงหลายแบบเพื่อทําให้วิชวลของคุณเป็นระเบียบและดึงดูดสายตามากขึ้น เข้าถึงการตั้งค่าเหล่านี้โดยเลือกไอคอน จัดรูปแบบวิชวล ในบานหน้าต่าง การแสดงภาพ จากนั้นเลือกแท็บ วิชว ล

เค้าโครงการ์ด

เค้าโครง>จะควบคุมวิธีการจัดเรียงองค์ประกอบภายในการ์ดแต่ละใบ การ์ดแต่ละใบสามารถมีได้ 3 ส่วน ได้แก่ ไฮไลต์ รูปภาพ และป้ายกํากับอ้างอิง ใช้การตั้งค่าเหล่านี้เพื่อปรับตําแหน่ง การจัดตําแหน่ง และระยะห่างขององค์ประกอบเหล่านี้

วิชวลการ์ดมีเค้าโครง คอลลาจ แบบไดนามิกที่ให้คุณเน้นส่วนหนึ่งในขณะที่อีกสองส่วนใช้พื้นที่ที่เหลือร่วมกัน คุณยังสามารถปรับแต่งลําดับการแสดงผลของคําบรรยายภาพ ป้ายอ้างอิง และรูปภาพฮีโร่ และกําหนดสีพื้นหลังที่แตกต่างกันได้

เค้าโครงไฮไลต์

เค้าโครง>จะควบคุมการจัดตําแหน่งแนวตั้งและขนาดของไฮไลต์ภายในส่วนไฮไลต์ของการ์ดแต่ละใบ

เค้าโครงป้ายชื่ออ้างอิง

เค้าโครงป้ายชื่ออ้างอิงจะควบคุมวิธีการจัดระเบียบป้ายชื่ออ้างอิงภายในส่วนป้ายชื่ออ้างอิงของการ์ดแต่ละใบ คุณสามารถปรับแต่งรูปลักษณ์และความรู้สึก รวมถึงช่องว่าง ช่องว่าง พื้นหลัง และอื่นๆ

เค้าโครงการ์ดหลายใบ

เค้าโครงการ์ดหลายใบจะปรับแต่งวิธีที่การ์ดหลายใบพอดีภายในคอนเทนเนอร์วิชวล เมื่อคุณมีค่าหลายค่า การตั้งค่านี้จะควบคุมการจัดเรียงการ์ด

เค้าโครงหลายหมวดหมู่

เค้าโครงหลายหมวดหมู่จะจัดรูปแบบวิธีการจัดวางแต่ละส่วนของหมวดหมู่ (เช่น แคนาดา เยอรมนี) ใช้การตั้งค่านี้เมื่อคุณเพิ่มประเภทลงในวิชวลการ์ดของคุณ ภายในแต่ละส่วนหมวดหมู่การ์ดจะถูกจัดเรียงตามการตั้งค่าเค้าโครงการ์ดหลายใบ

ขนาดคงที่และพอดีกับพื้นที่

ในส่วน เค้าโครงหลายการ์ด คุณสามารถควบคุมวิธีการปรับขนาดการ์ดภายในคอนเทนเนอร์วิชวลได้:

• ขนาดคงที่: เปิดตัวเลือกนี้เพื่อระบุขนาดพิกเซลที่แน่นอนสําหรับการ์ดแต่ละใบ เมื่อคอนเทนเนอร์วิชวลไม่ใหญ่พอที่จะแสดงการ์ดทั้งหมดในขนาดที่ระบุ แถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัติ เมื่อคุณปรับขนาดวิชวล การ์ดจะรักษาขนาดที่ระบุไว้แทนที่จะปรับขนาดตามสัดส่วน
• พอดีกับพื้นที่: เมื่อเปิดการ์ดจะขยายหรือหดตัวเพื่อเติมคอนเทนเนอร์ภาพตามการ์ดที่มีอยู่ เมื่อปิด วิชวลจะสงวนพื้นที่สําหรับจํานวนการ์ดที่ระบุ แม้ว่าจะมีการ์ดน้อยลงก็ตาม

ขนาดคงที่และพอดีกับพื้นที่เป็นเอกสิทธิ์ซึ่งกันและกัน เมื่อเปิดใช้งานขนาดคงที่ การปรับให้พอดีกับพื้นที่จะถูกปิดใช้งาน เนื่องจากขณะนี้ขนาดถูกควบคุมอย่างชัดเจน

เพิ่มรูปภาพ

วิชวลการ์ดใน Power BI ช่วยให้คุณสร้างการ์ดที่ดึงดูดสายตาซึ่งรวมเมตริกกับตัวเลือกรูปภาพหลายรายการ รวมถึง:

• รูปภาพ: รูปภาพขนาดใหญ่ที่โดดเด่นซึ่งสามารถแสดงรูปภาพผลิตภัณฑ์ กราฟิกแคมเปญ หรือรูปภาพแบรนด์ได้โดยตรงภายในการ์ด กําหนดค่าตัวเลือกนี้ในส่วน รูปภาพ ของบานหน้าต่างรูปแบบ
• รูปภาพไฮไลต์: รูปภาพขนาดเล็กภายในไฮไลต์ที่ให้การปรับปรุงที่ละเอียดอ่อน ซึ่งทํางานได้ดีกับองค์ประกอบการสร้างแบรนด์หรือตัวชี้นําภาพขนาดเล็กโดยไม่ทําให้การแสดงเมตริกมากเกินไป กําหนดค่าตัวเลือกนี้ในรูปภาพไฮไลต์>
• รูปภาพพื้นหลังส่วนหัวของหมวดหมู่: รูปภาพพื้นหลังสําหรับส่วนหัวของประเภทเมื่อคุณมีการเพิ่มประเภทลงในวิชวลการ์ด กําหนดค่าตัวเลือกนี้ในส่วน ส่วนหัวของประเภท

เมื่อต้องการเพิ่มรูปภาพลงในวิชวลการ์ดของคุณ:

• เพิ่มรูปภาพ เมื่อเลือกวิชวลการ์ดแล้ว ให้เลือกไอคอน จัดรูปแบบวิชวล ในบานหน้าต่าง การแสดงภาพ ภายใต้แท็บ วิชวล ให้ขยายการ์ด รูปภาพ เลือกการ์ดของคุณในเมนูแบบเลื่อนลง "การ์ด " จากนั้นตั้งค่าการสลับ "รูปภาพ " เป็น "เปิด"
• เพิ่มรูปภาพคําบรรยายภาพ: จากบานหน้าต่าง การแสดง ภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล ภายใต้แท็บ วิชวล ให้ขยายการ์ดไฮไลต์ ตรวจสอบให้แน่ใจว่าได้เลือกการ์ดของคุณในการตั้งค่า นําไปใช้ ขยายตัวควบคุม รูปภาพ จากนั้นตั้งค่าการสลับ รูปภาพ เป็น เปิด

สําหรับรูปภาพทุกประเภท คุณสามารถเพิ่มได้โดยการอัปโหลดจากอุปกรณ์ในเครื่อง วาง URL ของรูปภาพ หรือเลือกรูปภาพจากคอลัมน์ข้อมูล คุณยังสามารถปรับแต่งความพอดีของภาพและเลือกเอฟเฟกต์ภาพต่างๆ เพื่อปรับปรุงรูปลักษณ์ของภาพได้อีกด้วย

หมายเหตุ

หากคุณเพิ่มหมวดหมู่ลงในวิชวลการ์ดของคุณและการ์ดทั้งหมดแสดงรูปภาพเดียวกันแทนที่จะเป็นรูปภาพที่แตกต่างกัน ให้ตรวจสอบดรอปดาวน์ ใช้การตั้งค่ากับ เมื่อการตั้งค่านี้เป็น ทั้งหมด วิชวลจะใช้รูปภาพเดียวกันกับการ์ดทุกใบ เลือกค่าไฮไลต์ที่เฉพาะเจาะจงเพื่อกําหนดรูปภาพที่แตกต่างกันต่อการ์ด เช่น รูปภาพจากคอลัมน์ข้อมูล

เพิ่มหมวดหมู่

คุณสามารถเพิ่มประเภทลงในวิชวลการ์ดของคุณได้โดยการลากเขตข้อมูลลงในเขตข้อมูล ประเภท ในส่วน สร้างวิชวล ของบานหน้าต่าง การแสดงภาพ เมื่อคุณเพิ่มประเภท วิชวลการ์ดจะขยายเพื่อแสดงส่วนแยกต่างหากสําหรับแต่ละค่าประเภท โดยแต่ละส่วนจะแสดงข้อมูลที่แบ่งเป็นประเภทนั้น

ส่วนหัวของประเภทสามารถเลือกได้และกรองวิชวลอื่นๆ ในรายงานเมื่อเลือก ลักษณะการทํางานนี้ช่วยให้ผู้ใช้โต้ตอบกับวิชวลการ์ดของคุณเพื่อสํารวจข้อมูลในเซ็กเมนต์ต่างๆ

การเลือกหมวดหมู่

เมื่อคุณเลือกส่วนหัวของประเภท การ์ดประเภทอื่นๆ จะหรี่ลงเพื่อระบุการเลือกปัจจุบัน คุณสามารถ:

• เลือกหลายหมวดหมู่: กด Ctrl ค้างไว้แล้วเลือกส่วนหัวของหมวดหมู่อื่นๆ เพื่อกรองตามหลายค่า
• เลิกเลือกหมวดหมู่: เลือกส่วนหัวของหมวดหมู่อีกครั้งเพื่อเอาออกจากส่วนที่เลือก
• ควบคุมวิชวลที่จะกรอง: ใช้ แก้ไขการโต้ตอบ ในเมนู รูปแบบ เพื่อเลือกวิชวลบนหน้ารายงานที่ได้รับผลกระทบจากการเลือกบนวิชวลการ์ด

เค้าโครงของส่วนประเภทถูกควบคุมโดยส่วน เค้าโครงหลายประเภท ในบานหน้าต่างรูปแบบภายใต้แท็บวิ ชวล ภายในแต่ละส่วนหมวดหมู่ การจัดเรียงการ์ดแต่ละใบจะยังคงถูกควบคุมโดยส่วน เค้าโครงการ์ดหลาย ใบ องค์ประกอบภายในการ์ดแต่ละใบ เช่น ไฮไลต์ รูปภาพ และป้ายกํากับอ้างอิง จะถูกควบคุมโดยส่วนเค้าโครง>

คําแนะนําเกี่ยวกับการ์ด

ทําตามคําแนะนํานี้เพื่อสร้างวิชวลการ์ดที่ครอบคลุมทีละขั้นตอน

หมายเหตุ

คําแนะนํานี้ใช้ การแสดงตัวอย่างเริ่มต้นของวิชวลสมัยใหม่ ที่เปิดอยู่ เปิดใช้งานคุณลักษณะนี้ในคุณลักษณะ>การแสดงตัวอย่างตัวเลือก>ค่าเริ่มต้นของวิชวลที่ทันสมัย และปรับแต่งการปรับปรุงธีมให้ตรงกับตัวอย่างที่แสดง

ข้อมูลตัวอย่าง

เมื่อต้องการทําตามตัวอย่างในคําแนะนํานี้ ให้สร้างตารางจากการคํานวณด้วยข้อมูลตัวอย่างในรายงาน Power BI Desktop เปล่า

1. เปิด Power BI Desktop และสร้างรายงานเปล่าใหม่

2. เลือก การสร้างแบบจําลอง>ตารางใหม่

3. วางนิพจน์ DAX ต่อไปนี้:

   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}
       }
   )
   

4. กด Enter เพื่อสร้างตาราง

เพิ่มการวัดผลเพื่อรวมข้อมูลตัวอย่าง เลือก TMDL ทางด้านซ้ายเพื่อเปิดมุมมอง TMDL วางสคริปต์ต่อไปนี้ แล้วเลือก นําไปใช้:

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

หรือสร้างหน่วยวัดโดยเลือก การสร้างแบบจําลอง>หน่วยวัดใหม่ และป้อนแต่ละนิพจน์

สร้างการ์ดพื้นฐาน

1. ในบานหน้าต่าง การแสดงภาพ ให้เลือกแท็บ สร้างวิชวล จากนั้นเลือกวิชวล การ์ด จากแกลเลอรีวิชวล

2. ลาก Units ไปยังเขตข้อมูล ค่า ให้ดี

3. ลาก รายได้ ไปยังฟิลด์ ค่า ให้ดี

ตอนนี้คุณมีวิชวลหลายการ์ดที่แสดงหน่วยรวมและรายได้รวม

เพิ่มรูปภาพไฮไลต์

หากต้องการทําให้การ์ดของคุณดึงดูดสายตามากขึ้น ให้เพิ่มรูปภาพลงในพื้นที่ไฮไลต์ สําหรับตัวอย่างนี้ ให้เพิ่มการวัดผลสองรายการที่สร้างภาพ SVG ตามข้อมูล

เลือก TMDL ทางด้านซ้ายเพื่อเปิดมุมมอง TMDL วางสคริปต์ต่อไปนี้ แล้วเลือก นําไปใช้:

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

วิธีเพิ่มรูปภาพไฮไลต์

1. เลือกวิชวลการ์ดของคุณ
2. ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
3. ภายใต้แท็บ วิชวล ให้ขยาย ไฮไลต์
4. ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือก หน่วย
5. ขยาย รูปภาพ และสลับเป็นเปิด
6. ตั้งค่า ชนิดรูปภาพ เป็น เลือกจากข้อมูล
7. เลือก รูปภาพไฮไลต์หน่วย จากเมนูแบบเลื่อนลงของช่อง
8. ตั้งค่า Image fit เป็น กึ่งกลาง
9. ตั้งค่า Size เป็น 20 px เพื่อให้มองเห็นแถบได้ชัดเจนขึ้น
10. ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้
11. ขยาย รูปภาพ และสลับเป็นเปิด
12. ตั้งค่า ชนิดรูปภาพ เป็น เลือกจากข้อมูล
13. เลือก รูปภาพไฮไลต์รายได้ จากเมนูแบบเลื่อนลงของช่อง
14. ตั้งค่า Image fit เป็น กึ่งกลาง
15. ตั้งค่า Size เป็น 40 px

ตอนนี้การ์ดแต่ละใบจะแสดงรูปภาพที่ขับเคลื่อนด้วยข้อมูลในพื้นที่ไฮไลต์ควบคู่ไปกับค่าเมตริก

แสดงตามหมวดหมู่

เพิ่มหมวดหมู่เพื่อแสดงข้อมูลโดยแบ่งตามกลุ่ม

1. ในแผงข้อมูล ให้ลากรายการผลิตภัณฑ์ไปยังช่องประเภท
2. ลาก ช่องทาง ไปยังฟิลด์ ประเภท เพื่อแยกย่อยข้อมูลเพิ่มเติมตามช่องทางการขายภายในแต่ละรายการผลิตภัณฑ์
3. ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
4. ภายใต้แท็บ วิชวล ให้ขยาย เค้าโครงหลายประเภท
5. ขยาย เค้าโครง สลับ กริด อัตโนมัติ เป็น ปิด และตั้งค่า แถว เป็น 6 เพื่อแสดงหมวดหมู่ทั้งหมด

หมายเหตุ

เมื่อ เปิด Autogrid จํานวนแถวสูงสุดคือ 4 แถว หากต้องการแสดงแถวเพิ่มเติม ให้ปิดใช้ตารางกริดอัตโนมัติ

ขณะนี้วิชวลการ์ดจะแสดงส่วนแยกต่างหากสําหรับแต่ละสายผลิตภัณฑ์และการรวมช่องทาง โดยแต่ละส่วนจะแสดงหน่วยและรายได้พร้อมกับรูปภาพไฮไลต์

เพิ่มรูปพื้นหลังส่วนหัวของหมวดหมู่

หากต้องการทําให้แต่ละหมวดหมู่โดดเด่น ให้เพิ่มภาพพื้นหลังลงในส่วนหัวของหมวดหมู่ สําหรับตัวอย่างนี้ ให้เพิ่มการวัดผลที่สร้างภาพไล่ระดับสี SVG

เลือก TMDL ทางด้านซ้ายเพื่อเปิดมุมมอง TMDL วางสคริปต์ต่อไปนี้ แล้วเลือก นําไปใช้:

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

วิธีเพิ่มรูปภาพพื้นหลังส่วนหัวของหมวดหมู่:

1. เลือกวิชวลการ์ดของคุณ
2. ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
3. ภายใต้แท็บ วิชวล ให้ขยาย ส่วนหัวของประเภท
4. ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือกทั้งหมด
5. ขยายส่วนพื้นหลังและสลับเป็นเปิด
6. สลับเพิ่มรูปภาพเป็นเปิด
7. ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
8. เลือก รูปภาพหมวดหมู่ จากดรอปดาวน์ฟิลด์
9. ตั้งค่า Image fit เป็น Fill
10. ตั้งค่าความโปร่งใสเป็น 50%

ส่วนหัวของหมวดหมู่แต่ละรายการจะแสดงพื้นหลังการไล่ระดับสีที่ละเอียดอ่อนซึ่งช่วยแยกส่วนหมวดหมู่ต่างๆ ออกด้วยสายตา คุณยังสามารถเพิ่มรูปภาพแต่ละภาพในแต่ละหมวดหมู่ได้โดยเลือกหมวดหมู่เฉพาะในดรอปดาวน์ใช้การตั้งค่ากับ

เพิ่มป้ายชื่ออ้างอิง

ป้ายกํากับอ้างอิงให้บริบทสําหรับเมตริกหลักของคุณ คุณยังสามารถเพิ่มค่ารายละเอียดลงในป้ายชื่ออ้างอิงสําหรับข้อมูลที่ละเอียดยิ่งขึ้น

1. ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
2. ภายใต้แท็บ วิชวล ให้ขยายส่วน ป้ายชื่ออ้างอิง
3. ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือก หน่วย
4. ลาก Returns ไปยังช่อง เพิ่มข้อมูลป้ายกํากับ
5. ในดรอปดาวน์ เพิ่มใบจ่าหน้า ให้เลือก "การคืนสินค้า"
6. ขยายส่วน รายละเอียด และสลับเป็น เปิด
7. ลาก อัตราการส่งคืน ไปยังช่องข้อมูล รายละเอียด
8. ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้
9. ลากผลต่างรายได้ไปยังฟิลด์ เพิ่มข้อมูลป้ายชื่อ
10. ในเมนูแบบเลื่อนลงเพิ่มป้ายชื่อ ให้เลือกผลต่างรายได้
11. ขยายส่วน รายละเอียด และสลับเป็น เปิด
12. ลาก % รายได้เพื่อกําหนดเป้าหมายไปยังช่องข้อมูลรายละเอียด

ตอนนี้การ์ดจะแสดงป้ายกํากับอ้างอิงพร้อมรายละเอียด: การ์ดหน่วยจะแสดงผลตอบแทนพร้อมอัตราการคืนสินค้า และการ์ดรายได้จะแสดงผลต่างของรายได้พร้อมเปอร์เซ็นต์ที่จะกําหนดเป้าหมาย คุณสามารถจัดรูปแบบป้ายชื่ออ้างอิงเพิ่มเติมได้ รวมถึงการใช้การจัดรูปแบบตามเงื่อนไขเพื่อปรับสีตามค่า

เพิ่มรูปภาพระดับบนสุด

เพิ่มรูปภาพที่โดดเด่นลงในการ์ดที่แสดงนอกพื้นที่ไฮไลต์ คุณสามารถใช้คุณสมบัตินี้เพื่อแสดงรูปภาพผลิตภัณฑ์ รูปภาพร้านค้า หรือรูปภาพผู้จัดการ ในตัวอย่างนี้ เราสร้างรูปภาพ SVG ตามความต้องการที่รวมภาพไฮไลต์และรายละเอียดป้ายกํากับอ้างอิงไว้ในการแสดงภาพที่กําหนดเองเพียงภาพเดียว

เลือก TMDL ทางด้านซ้ายเพื่อเปิดมุมมอง TMDL วางสคริปต์ต่อไปนี้ แล้วเลือก นําไปใช้:

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

วิธีเพิ่มรูปภาพระดับบนสุด

1. ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
2. ภายใต้แท็บ ภาพ ให้ขยายส่วน รูปภาพ
3. ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือกหน่วย =
4. สลับรูปภาพเป็นเปิด
5. ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
6. เลือก รูปภาพหน่วย จากดรอปดาวน์ฟิลด์
7. ตั้งค่า Image fit เป็น Fill
8. ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้ =
9. สลับรูปภาพเป็นเปิด
10. ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
11. เลือก รูปภาพรายได้ จากเมนูแบบเลื่อนลงของฟิลด์
12. ตั้งค่า Image fit เป็น Fill

ด้วยวิธีการรูปภาพ SVG ตามความต้องการ คุณสามารถรวมป้ายกํากับอ้างอิงและข้อมูลรายละเอียดไว้ในรูปภาพได้ วิธีปรับปรุงเค้าโครงการ์ด

1. ในส่วน ไฮไลต์ ให้ปิดการสลับ รูปภาพ สําหรับการ์ดแต่ละใบเพื่อนํารูปภาพไฮไลต์ออก
2. ภายใต้ ป้ายชื่ออ้างอิง ให้ลบป้ายชื่ออ้างอิงที่คุณเพิ่มโดยการลบออกจากช่องเพิ่มข้อมูลป้ายชื่อ
3. ในส่วนเค้าโครง> ให้ตั้งค่าการจัดเรียงเป็นแนวนอน
4. ตั้งค่า ลําดับ เป็น รูปภาพ, คําบรรยายภาพ, ป้ายกํากับอ้างอิง
5. ตั้งค่าขนาดไฮไลต์เป็น 40%

ตอนนี้รูปภาพจะปรากฏในส่วนของตัวเองของการ์ดพร้อมเลย์เอาต์แนวนอนที่เน้นการแสดงภาพ SVG แบบกําหนดเองควบคู่ไปกับค่าไฮไลต์

การ์ดเดี่ยวและวิชวลการ์ดหลายใบแบบดั้งเดิม

ก่อนการเผยแพร่ในเดือนพฤศจิกายน 2025 Power BI ได้รวมวิชวลการ์ดแยกกันสองรายการ: วิชวล การ์ดเดียว สําหรับแสดงหน่วยวัดเดียว และวิชวลหลาย การ์ด สําหรับแสดงหน่วยวัดหลายหน่วย วิชวลดั้งเดิมเหล่านี้ยังคงพร้อมใช้งานสําหรับความเข้ากันได้แบบย้อนหลัง รายงานที่มีอยู่ที่ใช้วิชวลเหล่านี้ยังคงแสดงผลโดยไม่มีการเปลี่ยนแปลง

วิชวลการ์ดใหม่จะแทนที่วิชวลดั้งเดิมทั้งสอง และแนะนําสําหรับรายงานใหม่ เมื่อคุณเลือกไอคอน การ์ด ในบานหน้าต่าง การแสดงภาพ จะสร้างวิชวลการ์ดใหม่ที่นํามาใช้ในรุ่นความพร้อมใช้งานทั่วไปในเดือนพฤศจิกายน 2025

เมื่อต้องการเข้าถึงวิชวลการ์ดเดี่ยวและการ์ดหลายใบแบบดั้งเดิม:

1. ในบานหน้าต่าง การแสดงภาพ ให้เลือกจุดสามจุด (...)
2. เลือก คืนค่าวิชวลเริ่มต้น

วิชวลดั้งเดิมจะปรากฏในพื้นที่ที่ไม่ได้ตรึงไว้ของบานหน้าต่างการแสดงภาพ ซึ่งโดยทั่วไปแล้ววิชวลแบบกําหนดเองจะปรากฏขึ้น ผู้ใช้ที่ต้องการรักษาลักษณะการทํางานเดิมควรใช้วิชวลการ์ดเดิมที่มีอยู่ในรายงานของตนต่อไป

ข้อควรพิจารณาและข้อจำกัด

คําถามที่ถามบ่อยสําหรับการ์ดที่ใช้ในรายงานระหว่างการแสดงตัวอย่าง

เหตุใดการตั้งค่าคอลัมน์จึงรีเซ็ตเป็น 10 หรือการตั้งค่าแถวจะรีเซ็ตเป็น 10 เมื่อฉันตั้งค่าเป็นตัวเลขอื่นก่อนหน้านี้

ในระหว่างการแสดงตัวอย่าง คุณสามารถตั้งค่าหมายเลขคอลัมน์หรือแถวสําหรับการจัดเรียงการ์ดแบบกริด แนวตั้ง หรือแนวนอน หลังจากการเผยแพร่ในเดือนพฤศจิกายน 2025 จะเก็บเฉพาะการตั้งค่าการจัดเรียงกริดเท่านั้น การจัดเรียงแนวตั้งและแนวนอนจะรีเซ็ตเป็น 10 คอลัมน์และ 10 แถวในรายงานที่มีอยู่ รวมถึงรายงานที่เผยแพร่ แถบเลื่อนอาจปรากฏในวิชวลการ์ดที่มีอยู่ของคุณเพื่อรองรับการตั้งค่าเหล่านี้ เฉพาะรายงานที่เผยแพร่หรือสร้างด้วยวิชวลการ์ดระหว่างการแสดงตัวอย่างเท่านั้นที่จะได้รับผลกระทบ

เมื่อต้องการคืนการ์ดของคุณไปยังหมายเลขคอลัมน์และแถวก่อนหน้า ให้อัปเดตการตั้งค่าเหล่านี้ใน Power BI Desktop เดือนพฤศจิกายน 2025 และเผยแพร่รายงานหรือแก้ไขรายงานในเว็บ

ทําไมการ์ดถึงใช้พื้นที่มากขึ้น?

ในระหว่างการแสดงตัวอย่าง การตั้งค่าเริ่มต้นจะมีช่องว่างภายในการ์ดน้อยลง หลังจากการเปิดตัวในเดือนพฤศจิกายน 2025 ตัวเลือกช่องว่างภายในและช่องว่างภายในเพิ่มเติมได้ถูกเพิ่มลงในการ์ด ค่าเริ่มต้นใหม่คือ 12px

หากต้องการค้นหาและปรับการตั้งค่าเหล่านี้ ให้ค้นหา "ช่องว่างภายใน" ในบานหน้าต่างรูปแบบและปรับตามต้องการ ในบางกรณี การสลับ ช่องว่างภายในแต่ละรายการ สามารถคืนค่าการตั้งค่าช่องว่างภายในก่อนหน้าได้

คุณสามารถตั้งค่าช่องว่างภายในในไฟล์ธีมแบบกําหนดเองหรือเพิ่มลงในไฟล์ธีมแบบกําหนดเองของคุณเองเพื่อนําไปใช้กับการ์ดทั้งหมดในรายงานของคุณ

{
  "$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        
        }]
      }
    }
  }
}

สําหรับข้อมูลเพิ่มเติม โปรดดู ธีมรายงาน Power BI

เหตุใดจึงมีพื้นที่ป้ายกํากับอ้างอิงบนการ์ดที่ไม่มีป้ายกํากับอ้างอิง

ในระหว่างการแสดงตัวอย่าง ป้ายกํากับอ้างอิงเป็นส่วนหนึ่งของพื้นที่คําบรรยายภาพเมื่อปิดตัวแบ่ง หลังจากเดือนพฤศจิกายน 2025 ป้ายกํากับอ้างอิง จะมีพื้นที่ของตัวเอง เมื่อใช้พื้นที่ในไพ่อย่างน้อยหนึ่งใบ ไพ่ใบอื่นๆ จะรักษาพื้นที่นั้นไว้เพื่อรักษาความสอดคล้องของไพ่

เหตุใดป้ายกํากับอ้างอิงจึงบดบังข้อความในไฮไลต์

ในระหว่างการแสดงตัวอย่าง ป้ายกํากับอ้างอิง เป็นส่วนหนึ่งของพื้นที่คําบรรยายภาพ หลังจากเดือนพฤศจิกายน 2025 ป้ายกํากับอ้างอิง จะมีพื้นที่ของตัวเอง ตอนนี้พวกเขายังใช้การ์ด 50% โดยค่าเริ่มต้น

หากต้องการปรับขนาดพื้นที่การ์ด ให้ไปที่การ์ดตรวจสอบให้แน่ใจว่าได้ตั้งค่า นําไปใช้กับตัวควบคุม เป็น ทั้งหมด จากนั้นใน เค้าโครง ปรับ %ขนาดคําบรรยายภาพ

เหตุใดจึงมีการเพิ่มสีพื้นหลังลงในป้ายกํากับอ้างอิงการ์ด

ในระหว่างการแสดงตัวอย่าง สีพื้นหลังจะแสดงเฉพาะเมื่อป้ายชื่ออ้างอิงมีตัวแบ่ง ตัวแบ่งให้ป้ายกํากับอ้างอิงมีพื้นที่ของตัวเองในการ์ดเพื่อใช้พื้นหลัง หลังจากการเปิดตัวในเดือนพฤศจิกายน 2025 ป้ายกํากับอ้างอิงจะมีพื้นที่ของตัวเองเสมอโดยมีหรือไม่มีตัวแบ่ง และใช้พื้นหลังเริ่มต้น

สามารถปิดพื้นหลังได้โดยไปที่พื้นหลัง>ป้ายชื่ออ้างอิงในบานหน้าต่างรูปแบบและสลับปิดการตั้งค่า

การตั้งค่านี้สามารถตั้งค่าในไฟล์ธีมแบบกําหนดเองหรือเพิ่มลงในไฟล์ธีมแบบกําหนดเองของคุณเองเพื่อนําไปใช้กับการ์ดทั้งหมดในรายงานของคุณ

{
  "$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          
        }]
      }
    }
  }
}

สําหรับข้อมูลเพิ่มเติม โปรดดู ธีมรายงาน Power BI

เหตุใดฉันจึงไม่เห็นการตั้งค่ารูปภาพของฉันในบานหน้าต่างรูปแบบ

ในระหว่างการแสดงตัวอย่าง ระบบจะเพิ่มรูปภาพไฮไลต์โดยใช้ส่วน รูปภาพ ของบานหน้าต่างรูปแบบ และแสดงในพื้นที่ไฮไลต์ถัดจากข้อความ หลังจากเดือนพฤศจิกายน 2025 รูปภาพที่เพิ่มไว้ก่อนหน้านี้จะถูกเก็บไว้ในพื้นที่ไฮไลต์ และการตั้งค่าจะย้ายไปที่ส่วนรูปภาพไฮไลต์>ในบานหน้าต่างรูปแบบ การตั้งค่าส่วน รูปภาพ ของบานหน้าต่างรูปแบบจะเพิ่มรูปภาพใหม่ลงในการ์ดที่มีพื้นที่ของตัวเอง

เหตุใดภาพของฉันจึงซูมเข้า

ในระหว่างการแสดงตัวอย่าง การตั้งค่าเริ่มต้นสําหรับขนาดของรูปภาพมีข้อบกพร่องบางอย่างที่ได้รับการแก้ไขโดยการอัปเดตในเดือนพฤศจิกายน 2025 รูปภาพอาจดู "ซูมเข้า" หรือแตกต่างจากเดิม ทั้งนี้ขึ้นอยู่กับการตั้งค่าเริ่มต้นของคุณ

เมื่อต้องการแก้ไขรูปภาพ ในบานหน้าต่างรูปแบบ ให้ปรับการตั้งค่ารูปภาพ> เพื่อให้พอดีกับรูปภาพให้พอดีหรืออยู่กึ่งกลาง และตรวจสอบตัวควบคุมขนาดและขนาดพื้นที่รูปภาพในส่วนการจัดรูปแบบเดียวกัน โปรดทราบว่าการตั้งค่านี้อยู่ในตําแหน่งใหม่ และส่วน รูปภาพ ระดับบนสุดเป็นรูปภาพการ์ดแล้ว

เหตุใดรูปภาพส่วนหัวของหมวดหมู่ของฉันจึงหายไป

ไปที่การตั้งค่า ส่วนหัวของหมวดหมู่ แล้วเปิด เพิ่มรูปภาพอีกครั้ง รูปภาพของคุณควรจะยังคงอยู่ที่นั่น

เหตุใดวิชวลการ์ดใหม่ในรายงานที่เผยแพร่จึงดูแตกต่างจากที่ปรากฏในเดสก์ท็อป

ความแตกต่างระหว่างเดสก์ท็อปและบริการสามารถเกิดขึ้นได้ในสองสถานการณ์

• คุณกําลังใช้เดสก์ท็อปเวอร์ชันก่อนเดือนพฤศจิกายน 2025 เมื่อการ์ดอยู่ในการแสดงตัวอย่าง เมื่อเผยแพร่ไปยังบริการ ได้รับการอัปเกรดเป็นวิชวลการ์ดใหม่เวอร์ชันที่พร้อมใช้งานโดยทั่วไป อัปเดต Power BI Desktop ของคุณหรือแก้ไขรายงานในเว็บหลังจากเผยแพร่เพื่อปรับสไตล์
• คุณกําลังใช้ Power BI Desktop เวอร์ชันพฤศจิกายน 2025 และการอัปเดตสําหรับการ์ดที่พร้อมใช้งานโดยทั่วไปไม่ได้อยู่ในภูมิภาคที่ให้บริการของคุณ เมื่ออัปเดตเขตที่ให้บริการแล้ว การ์ดจะมีลักษณะเหมือนเดิม พฤติกรรมนี้ควรเกิดขึ้นในบางภูมิภาคในช่วงปลายเดือนพฤศจิกายน 2025 เท่านั้น

การเปลี่ยนแปลงลักษณะการทํางานเริ่มต้นจากการแสดงตัวอย่างสาธารณะ

ในระหว่างการแสดงตัวอย่าง ลักษณะการทํางานเริ่มต้นของวิชวลการ์ดจะแตกต่างจากวิธีการทํางานในความพร้อมใช้งานทั่วไปในขณะนี้ ในความพร้อมใช้งานทั่วไป เราได้ทําการอัปเดตเพื่อปรับปรุงความสอดคล้องของเลย์เอาต์ การจัดตําแหน่งภาพ และประสบการณ์ผู้ใช้โดยรวม

• การจัดตําแหน่งภาพไฮไลต์: ในระหว่างการแสดงตัวอย่าง รูปภาพไฮไลต์ที่จัดแนวจะถูกจํากัดไว้ที่ข้อความป้ายกํากับไฮไลต์ ซึ่งอาจทําให้ส่วนหนึ่งของคอนเทนเนอร์ไฮไลต์ว่างเปล่า ตอนนี้รูปภาพจะสอดคล้องกับคอนเทนเนอร์ไฮไลต์
• ภาพพื้นหลังพอดี: ในระหว่างการแสดงตัวอย่าง ภาพพื้นหลังอาจทําซ้ําเพื่อเติมคอนเทนเนอร์ ตอนนี้ตัวเลือก ความพอดีของภาพ จะสอดคล้องกับตัวเลือกภาพอื่นๆ เช่น พอดี ยืด เติม และกึ่งกลาง
• แผ่นรองด้านนอกฉลากอ้างอิง: ในระหว่างการแสดงตัวอย่าง ป้ายกํากับอ้างอิง มีการตั้งค่า ช่องว่างภายในด้านนอก ที่ส่งผลต่อพื้นที่ไฮไลต์โดยไม่ได้ตั้งใจโดยการผลักองค์ประกอบออกจากตําแหน่งรอบๆ ตัวแบ่ง ตอนนี้การตั้งค่าช่องว่างภายในด้านนอกจะถูกลบออกจากป้ายกํากับอ้างอิง
• พอดีกับพื้นที่ (เปลี่ยนชื่อจาก Autogrid): ในระหว่างการแสดงตัวอย่าง วิชวลจะปล่อยให้คอลัมน์ว่างเพื่อให้ตรงกับจํานวนคอลัมน์ที่ระบุ ด้วยการเพิ่ม พอดีกับช่องว่าง จะจัดเรียงการ์ดเพื่อเติมคอนเทนเนอร์ภาพตามการ์ดที่มีอยู่ การตั้งค่านี้สามารถปิดเพื่อกลับไปยังลักษณะการทํางานก่อนหน้าได้

การตั้งค่ารูปแบบ

• วิชวลการ์ด (ใหม่) โดยทั่วไปจะพร้อมใช้งานเป็นวิชวล การ์ด พร้อมการนําออกใช้ในเดือนพฤศจิกายน 2025 Power BI หากคุณใช้วิชวลการ์ดในระหว่างขั้นตอนการแสดงตัวอย่างสาธารณะ คุณอาจสังเกตเห็นลักษณะการทํางานหรือการเปลี่ยนแปลงการจัดรูปแบบที่สะท้อนถึงการปรับปรุงในรุ่นความพร้อมใช้งานทั่วไป
• วิชวลการ์ดใหม่มีสไตล์เริ่มต้นที่อัปเดต การ์ดที่สร้างขึ้นใหม่อาจดูแตกต่างจากการ์ดเดิมและจากการ์ดที่สร้างขึ้นระหว่างการแสดงตัวอย่างสาธารณะ ในขณะที่วิชวลที่มีอยู่ยังคงไม่เปลี่ยนแปลง
• เมื่อจัดรูปแบบวิชวลการ์ด คุณอาจสังเกตเห็นว่าการตั้งค่ารูปแบบบางอย่างอยู่ในตําแหน่งอื่นหรือตําแหน่งใหม่ หรือชื่อของการตั้งค่ามีการเปลี่ยนแปลง
• ในวิชวลการ์ดเวอร์ชันก่อนหน้า รูปภาพคําบรรยายภาพพร้อมใช้งานเป็นส่วนหนึ่งของการ์ดรูปภาพ ขณะนี้รูปภาพนี้อยู่ในส่วน คําบรรยายภาพ ของบานหน้าต่าง รูปแบบ
• การจัดเรียง เค้าโครง บางอย่างอาจส่งผลต่อรายงานที่มีอยู่ที่ใช้วิชวลการ์ดในระหว่างขั้นตอนการแสดงตัวอย่างสาธารณะ เอฟเฟกต์นี้เกิดจากการอัปเดตคอมโพเนนต์การ์ดทั้งหมดซึ่งเป็นส่วนหนึ่งของการเผยแพร่ความพร้อมใช้งานทั่วไป รวมถึงการปรับปรุงเลย์เอาต์ สไตล์ และการจัดการรูปภาพ
• ถ้าคุณเคยใช้เค้าโครงการ์ดรูปภาพ ให้อัปเดตวิชวลของคุณตามนั้นโดยใช้บานหน้าต่าง รูปแบบ เพื่อเข้าถึงและกําหนดการตั้งค่ารูปภาพไฮไลต์

เนื้อหาที่เกี่ยวข้อง

• ภาพรวมการแสดงภาพ ใน Power BI
• แก้ไขปัญหาการแสดงภาพใน Power BI