หมายเหตุ
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลอง ลงชื่อเข้าใช้หรือเปลี่ยนไดเรกทอรีได้
การเข้าถึงหน้านี้ต้องได้รับการอนุญาต คุณสามารถลองเปลี่ยนไดเรกทอรีได้
นําไปใช้กับ:✅ Power BI Desktop และ บริการของ Power BI
วิชวลการ์ดใน Power BI แสดงเมตริกหลักในรูปแบบที่ยืดหยุ่นและดึงดูดสายตา การ์ดแต่ละใบจะแสดงค่าการวัดผลพร้อมรูปภาพไฮไลต์ ป้ายกํากับอ้างอิง และรายละเอียดสนับสนุน คุณสามารถแสดงการ์ดหลายใบในวิชวลเดียว แบ่งตามประเภท และกําหนดเค้าโครงเองให้ตรงกับการออกแบบรายงานของคุณ
การรวมหน่วยวัดและป้ายชื่ออ้างอิงหลายรายการไว้ในวิชวลเดียวช่วยปรับปรุงประสิทธิภาพของรายงานโดยการลดเวลาในการโหลดวิชวลและปรับคิวรีพื้นฐานให้เหมาะสมกับแบบจําลองความหมาย คุณยังสามารถใช้รูปภาพที่ขับเคลื่อนด้วยข้อมูลเพื่อสร้างการแสดงภาพแบบกําหนดเองที่ตอบสนองต่อข้อมูลของคุณ
หมายเหตุ
วิชวล การ์ด (ใหม่) พร้อมใช้งานโดยทั่วไปเป็น วิชวลการ์ด รายงานที่มีวิชวลบัตรดั้งเดิมยังคงใช้วิชวลการ์ดดั้งเดิมต่อไป
สร้างวิชวลการ์ด
ในบานหน้าต่าง การแสดงภาพ ให้เลือกแท็บ สร้างวิชวล จากนั้นเลือกวิชวล การ์ด จากแกลเลอรีวิชวล
เพิ่มหน่วยวัดหรือคอลัมน์ข้อมูลใดๆ ลงในฟิลด์ ค่า อย่างดี
ตอนนี้คุณมีการ์ดง่ายๆ แล้ว คุณสามารถเพิ่มค่าได้มากเท่าที่คุณต้องการและการ์ดจะปรากฏขึ้นมากขึ้น
กําหนดเค้าโครงวิชวลของการ์ดเอง
วิชวลการ์ดมีตัวเลือกเค้าโครงหลายแบบเพื่อทําให้วิชวลของคุณเป็นระเบียบและดึงดูดสายตามากขึ้น เข้าถึงการตั้งค่าเหล่านี้โดยเลือกไอคอน จัดรูปแบบวิชวล ในบานหน้าต่าง การแสดงภาพ จากนั้นเลือกแท็บ วิชว ล
เค้าโครงการ์ด
เค้าโครง>จะควบคุมวิธีการจัดเรียงองค์ประกอบภายในการ์ดแต่ละใบ การ์ดแต่ละใบสามารถมีได้ 3 ส่วน ได้แก่ ไฮไลต์ รูปภาพ และป้ายกํากับอ้างอิง ใช้การตั้งค่าเหล่านี้เพื่อปรับตําแหน่ง การจัดตําแหน่ง และระยะห่างขององค์ประกอบเหล่านี้
วิชวลการ์ดมีเค้าโครง คอลลาจ แบบไดนามิกที่ให้คุณเน้นส่วนหนึ่งในขณะที่อีกสองส่วนใช้พื้นที่ที่เหลือร่วมกัน คุณยังสามารถปรับแต่งลําดับการแสดงผลของคําบรรยายภาพ ป้ายอ้างอิง และรูปภาพฮีโร่ และกําหนดสีพื้นหลังที่แตกต่างกันได้
เค้าโครงไฮไลต์
เค้าโครง>จะควบคุมการจัดตําแหน่งแนวตั้งและขนาดของไฮไลต์ภายในส่วนไฮไลต์ของการ์ดแต่ละใบ
เค้าโครงป้ายชื่ออ้างอิง
การตั้งค่า เค้าโครงป้ายอ้างอิง ควบคุมวิธีการจัดระเบียบป้ายชื่ออ้างอิงภายในส่วนป้ายชื่ออ้างอิงของแต่ละการ์ด คุณสามารถปรับการจัดแนวแนวตั้งและแนวนอนของป้ายชื่ออ้างอิง และปรับแต่งรูปลักษณ์และความรู้สึก รวมถึงช่องว่าง ช่องว่าง พื้นหลัง และอื่น ๆ ได้
เค้าโครงการ์ดหลายใบ
เค้าโครงการ์ดหลายใบจะปรับแต่งวิธีที่การ์ดหลายใบพอดีภายในคอนเทนเนอร์วิชวล เมื่อคุณมีค่าหลายค่า การตั้งค่านี้จะควบคุมการจัดเรียงการ์ด
เค้าโครงหลายหมวดหมู่
เค้าโครงหลายหมวดหมู่จะจัดรูปแบบวิธีการจัดวางแต่ละส่วนของหมวดหมู่ (เช่น แคนาดา เยอรมนี) ใช้การตั้งค่านี้เมื่อคุณเพิ่มประเภทลงในวิชวลการ์ดของคุณ ภายในแต่ละส่วนหมวดหมู่การ์ดจะถูกจัดเรียงตามการตั้งค่าเค้าโครงการ์ดหลายใบ
ขนาดคงที่และพอดีกับพื้นที่
ในส่วน เค้าโครงหลายการ์ด คุณสามารถควบคุมวิธีการปรับขนาดการ์ดภายในคอนเทนเนอร์วิชวลได้:
- ขนาดคงที่: เปิดตัวเลือกนี้เพื่อระบุขนาดพิกเซลที่แน่นอนสําหรับการ์ดแต่ละใบ เมื่อคอนเทนเนอร์วิชวลไม่ใหญ่พอที่จะแสดงการ์ดทั้งหมดในขนาดที่ระบุ แถบเลื่อนจะปรากฏขึ้นโดยอัตโนมัติ เมื่อคุณปรับขนาดวิชวล การ์ดจะรักษาขนาดที่ระบุไว้แทนที่จะปรับขนาดตามสัดส่วน
- พอดีกับพื้นที่: เมื่อเปิดการ์ดจะขยายหรือหดตัวเพื่อเติมคอนเทนเนอร์ภาพตามการ์ดที่มีอยู่ เมื่อปิด วิชวลจะสงวนพื้นที่สําหรับจํานวนการ์ดที่ระบุ แม้ว่าจะมีการ์ดน้อยลงก็ตาม
ขนาดคงที่และพอดีกับพื้นที่เป็นเอกสิทธิ์ซึ่งกันและกัน เมื่อเปิดใช้งานขนาดคงที่ การปรับให้พอดีกับพื้นที่จะถูกปิดใช้งาน เนื่องจากขณะนี้ขนาดถูกควบคุมอย่างชัดเจน
เพิ่มรูปภาพ
วิชวลการ์ดใน Power BI ช่วยให้คุณสร้างการ์ดที่ดึงดูดสายตาซึ่งรวมเมตริกกับตัวเลือกรูปภาพหลายรายการ รวมถึง:
- รูปภาพ: รูปภาพขนาดใหญ่ที่โดดเด่นซึ่งสามารถแสดงรูปภาพผลิตภัณฑ์ กราฟิกแคมเปญ หรือรูปภาพแบรนด์ได้โดยตรงภายในการ์ด กําหนดค่าตัวเลือกนี้ในส่วน รูปภาพ ของบานหน้าต่างรูปแบบ
- รูปภาพไฮไลต์: รูปภาพขนาดเล็กภายในไฮไลต์ที่ให้การปรับปรุงที่ละเอียดอ่อน ซึ่งทํางานได้ดีกับองค์ประกอบการสร้างแบรนด์หรือตัวชี้นําภาพขนาดเล็กโดยไม่ทําให้การแสดงเมตริกมากเกินไป กําหนดค่าตัวเลือกนี้ในรูปภาพ>
- รูปภาพพื้นหลังส่วนหัวของหมวดหมู่: รูปภาพพื้นหลังสําหรับส่วนหัวของประเภทเมื่อคุณมีการเพิ่มประเภทลงในวิชวลการ์ด กําหนดค่าตัวเลือกนี้ในส่วน ส่วนหัวของประเภท
เมื่อต้องการเพิ่มรูปภาพลงในวิชวลการ์ดของคุณ:
- เพิ่มรูปภาพ เมื่อเลือกวิชวลการ์ดแล้ว ให้เลือกไอคอน จัดรูปแบบวิชวล ในบานหน้าต่าง การแสดงภาพ ภายใต้แท็บ วิชวล ให้ขยายการ์ด รูปภาพ เลือกการ์ดของคุณในเมนูแบบเลื่อนลง "การ์ด " จากนั้นตั้งค่าการสลับ "รูปภาพ " เป็น "เปิด"
- เพิ่มรูปภาพคําบรรยายภาพ: จากบานหน้าต่าง การแสดง ภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล ภายใต้แท็บ วิชวล ให้ขยายการ์ดไฮไลต์ ตรวจสอบให้แน่ใจว่าได้เลือกการ์ดของคุณในการตั้งค่า นําไปใช้ ขยายตัวควบคุม รูปภาพ จากนั้นตั้งค่าการสลับ รูปภาพ เป็น เปิด
สําหรับรูปภาพทุกประเภท คุณสามารถเพิ่มรูปภาพโดยการอัปโหลดจากอุปกรณ์ภายในเครื่องของคุณ วาง URL ของรูปภาพ (รวมถึง ลิงก์ไปยังไฟล์รูปภาพใน OneLake) หรือเลือกรูปภาพจากคอลัมน์ข้อมูลได้ คุณยังสามารถปรับแต่งความพอดีของภาพและเลือกเอฟเฟกต์ภาพต่างๆ เพื่อปรับปรุงรูปลักษณ์ของภาพได้อีกด้วย
สถานะรูปภาพ
ส่วน รูปภาพ มีดรอปดาวน์ สถานะ ที่ให้คุณกําหนดการตั้งค่ารูปภาพแยกต่างหากสําหรับสถานะเริ่มต้นและสถานะโฮเวอร์ ใช้สถานะโฮเวอร์เพื่อเปลี่ยนลักษณะที่ปรากฏของภาพเมื่อผู้ใช้ชี้ไปที่การ์ด เช่น โดยการสลับแหล่งที่มาของภาพ ปรับความพอดีของภาพ หรือเปลี่ยนสีพื้นหลัง
- เมื่อเลือกวิชวลการ์ดแล้ว ให้เลือกไอคอน จัดรูปแบบวิชวล ในบานหน้าต่าง การแสดงภาพ
- ภายใต้แท็บ ภาพ ให้ขยายส่วน รูปภาพ
- ในพื้นที่ ใช้การตั้งค่ากับ ให้เลือกการ์ดที่คุณต้องการจัดรูปแบบในดรอปดาวน์ การ์ด
- ตั้งค่าสถานะเป็นโฮเวอร์
- กําหนดค่าแหล่งที่มาของรูปภาพ ความพอดีของรูปภาพ ความโปร่งใส เอฟเฟกต์ และสีพื้นหลังเพื่อใช้เมื่อผู้ใช้ชี้ไปที่การ์ด
การตั้งค่าที่คุณกําหนดค่าสําหรับสถานะ โฮเวอร์ จะมีผลเฉพาะเมื่อผู้ใช้ชี้ไปที่การ์ดเท่านั้น สถานะ เริ่มต้น จะควบคุมลักษณะที่ปรากฏตามปกติของรูปภาพ
หมายเหตุ
หากคุณเพิ่มหมวดหมู่ลงในวิชวลการ์ดของคุณและการ์ดทั้งหมดแสดงรูปภาพเดียวกันแทนที่จะเป็นรูปภาพที่แตกต่างกัน ให้ตรวจสอบดรอปดาวน์ ใช้การตั้งค่ากับ เมื่อการตั้งค่านี้เป็น ทั้งหมด วิชวลจะใช้รูปภาพเดียวกันกับการ์ดทุกใบ เลือกค่าไฮไลต์ที่เฉพาะเจาะจงเพื่อกําหนดรูปภาพที่แตกต่างกันต่อการ์ด เช่น รูปภาพจากคอลัมน์ข้อมูล
เพิ่มหมวดหมู่
คุณสามารถเพิ่มประเภทลงในวิชวลการ์ดของคุณได้โดยการลากเขตข้อมูลลงในเขตข้อมูล ประเภท ในส่วน สร้างวิชวล ของบานหน้าต่าง การแสดงภาพ เมื่อคุณเพิ่มประเภท วิชวลการ์ดจะขยายเพื่อแสดงส่วนแยกต่างหากสําหรับแต่ละค่าประเภท โดยแต่ละส่วนจะแสดงข้อมูลที่แบ่งเป็นประเภทนั้น
ส่วนหัวของประเภทสามารถเลือกได้และกรองวิชวลอื่นๆ ในรายงานเมื่อเลือก ลักษณะการทํางานนี้ช่วยให้ผู้ใช้โต้ตอบกับวิชวลการ์ดของคุณเพื่อสํารวจข้อมูลในเซ็กเมนต์ต่างๆ
การเลือกหมวดหมู่
เมื่อคุณเลือกส่วนหัวของประเภท การ์ดประเภทอื่นๆ จะหรี่ลงเพื่อระบุการเลือกปัจจุบัน คุณสามารถ:
- เลือกหลายหมวดหมู่: กด Ctrl ค้างไว้แล้วเลือกส่วนหัวของหมวดหมู่อื่นๆ เพื่อกรองตามหลายค่า
- เลิกเลือกหมวดหมู่: เลือกส่วนหัวของหมวดหมู่อีกครั้งเพื่อเอาออกจากส่วนที่เลือก
- ควบคุมวิชวลที่จะกรอง: ใช้ แก้ไขการโต้ตอบ ในเมนู รูปแบบ เพื่อเลือกวิชวลบนหน้ารายงานที่ได้รับผลกระทบจากการเลือกบนวิชวลการ์ด
เค้าโครงของส่วนประเภทถูกควบคุมโดยส่วน เค้าโครงหลายประเภท ในบานหน้าต่างรูปแบบภายใต้แท็บวิ ชวล ภายในแต่ละส่วนหมวดหมู่ การจัดเรียงการ์ดแต่ละใบจะยังคงถูกควบคุมโดยส่วน เค้าโครงการ์ดหลาย ใบ องค์ประกอบภายในการ์ดแต่ละใบ เช่น ไฮไลต์ รูปภาพ และป้ายกํากับอ้างอิง จะถูกควบคุมโดยส่วนเค้าโครง>
แสดงตัวเลขเต็มหรือเปลี่ยนหน่วยแสดงผล
ตามค่าเริ่มต้น ค่าคําบรรยายภาพของการ์ดจะใช้ หน่วยแสดงผล ที่ตั้งค่าเป็น อัตโนมัติ ซึ่งย่อตัวเลขขนาดใหญ่ด้วยคําต่อท้าย K (พัน), M (ล้าน) หรือ B (พันล้าน) ตัวอย่างเช่น 11,732 จะปรากฏเป็น12K หากต้องการแสดงตัวเลขเต็มและลบคําต่อท้าย K, M หรือ B ให้เปลี่ยนหน่วยแสดงผลเป็น ไม่มี:
- เลือกการ์ดวิชวล
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ วิชวล ขยายค่า>
- ตั้งค่า หน่วยแสดงผล เป็น ไม่มี
ถ้าคุณใช้สตริงรูปแบบแบบกําหนดเอง แต่ค่ายังคงแสดงคําต่อท้าย K, M หรือ B การตั้งค่า หน่วยแสดงผล เป็นสาเหตุแทนที่จะเป็นสตริงรูปแบบ สําหรับข้อมูลเพิ่มเติม โปรดดู การแก้ไขปัญหาการปรับขนาดอัตโนมัติที่ไม่ต้องการ
คําแนะนําเกี่ยวกับการ์ด
ทําตามคําแนะนํานี้เพื่อสร้างวิชวลการ์ดที่ครอบคลุมทีละขั้นตอน
หมายเหตุ
การฝึกปฏิบัตินี้ใช้ ธีมพื้นฐานของ Fluent 2 ซึ่งเป็นค่าเริ่มต้นสําหรับรายงานใหม่
ข้อมูลตัวอย่าง
ในการทําตามตัวอย่างในการฝึกปฏิบัตินี้ ให้ตั้งค่าตารางตัวอย่าง หน่วยวัด และฟังก์ชันแนวโน้มที่นํามาใช้ใหม่ได้ในรายงาน blank Power BI Desktop
เปิด Power BI Desktop และสร้างรายงานเปล่าใหม่
เลือก TMDL ทางด้านซ้ายเพื่อเปิดมุมมอง TMDL
วางสคริปต์ TMDL ต่อไปนี้และเลือก นําไปใช้:
createOrReplace model Model culture: en-US defaultPowerBIDataSourceVersion: powerBI_V3 sourceQueryCulture: en-US valueFilterBehavior: independent dataAccessOptions legacyRedirects returnErrorValuesAsNull 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 measure 'Units 6mo trend' = TrendSVG([Units], 'Product Line Sales'[Month],6,3,"mmm",FALSE) displayFolder: Card images for trendlines dataCategory: ImageUrl measure 'Units 6mo trend - hover' = TrendSVG([Units], 'Product Line Sales'[Month],6,3,"mmm",TRUE) displayFolder: Card images for trendlines dataCategory: ImageUrl /// Icon showing a # symbol inside a circle to represent units. measure 'Units callout image' = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%230078D4' stroke-width='1.5'/%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Segoe UI' font-size='14' font-weight='600' fill='%230078D4'%3E%23%3C/text%3E%3C/svg%3E" displayFolder: Card images for callout dataCategory: ImageUrl /// Icon showing a $ symbol inside a circle to represent revenue. measure 'Revenue callout image' = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='%23107C10' stroke-width='1.5'/%3E%3Ctext x='12' y='17' text-anchor='middle' font-family='Segoe UI' font-size='14' font-weight='600' fill='%23107C10'%3E%24%3C/text%3E%3C/svg%3E" displayFolder: Card images for callout dataCategory: ImageUrl measure 'Revenue 6mo trend' = TrendSVG([Revenue], 'Product Line Sales'[Month],6,3,"mmm",FALSE) displayFolder: Card images for trendlines dataCategory: ImageUrl measure 'Revenue 6mo trend - hover' = TrendSVG([Revenue], 'Product Line Sales'[Month],6,3,"mmm",TRUE) displayFolder: Card images for trendlines dataCategory: ImageUrl column Month formatString: mmm. yyyy summarizeBy: none isNameInferred sourceColumn: [Month] annotation SummarizationSetBy = Automatic annotation PBI_FormatHint = {"isCustom":true} column 'Product Line' summarizeBy: none isNameInferred sourceColumn: [Product Line] annotation SummarizationSetBy = Automatic column Channel summarizeBy: none isNameInferred sourceColumn: [Channel] annotation SummarizationSetBy = Automatic column _Units isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Units] annotation SummarizationSetBy = Automatic column _Revenue isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Revenue] annotation SummarizationSetBy = Automatic column '_Revenue Target' isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Revenue Target] annotation SummarizationSetBy = Automatic column _Returns isHidden formatString: 0 summarizeBy: sum isNameInferred sourceColumn: [_Returns] annotation SummarizationSetBy = Automatic partition 'Product Line Sales' = calculated mode: import source = ``` VAR Anchor = DATE(YEAR(TODAY()), MONTH(TODAY()), 1) VAR M1 = EDATE(Anchor, -5) VAR M2 = EDATE(Anchor, -4) VAR M3 = EDATE(Anchor, -3) VAR M4 = EDATE(Anchor, -2) VAR M5 = EDATE(Anchor, -1) VAR M6 = Anchor RETURN SELECTCOLUMNS( { // Product Line A, Online ( M1, "A", "Online", 130, 9100, 10000, 5 ), ( M2, "A", "Online", 200, 14000, 11500, 6 ), ( M3, "A", "Online", 170, 11900, 13000, 7 ), ( M4, "A", "Online", 210, 14700, 14000, 8 ), ( M5, "A", "Online", 230, 16100, 15500, 9 ), ( M6, "A", "Online", 260, 18200, 16000, 10 ), // Product Line A, Retail ( M1, "A", "Retail", 80, 4800, 12000, 35 ), ( M2, "A", "Retail", 140, 8500, 11000, 30 ), ( M3, "A", "Retail", 100, 6000, 10500, 27 ), ( M4, "A", "Retail", 150, 9100, 9500, 24 ), ( M5, "A", "Retail", 160, 9700, 8500, 21 ), ( M6, "A", "Retail", 170, 10500, 8500, 17 ), // Product Line B, Online ( M1, "B", "Online", 280, 19600, 21000, 10 ), ( M2, "B", "Online", 380, 26600, 23000, 12 ), ( M3, "B", "Online", 340, 23800, 24500, 14 ), ( M4, "B", "Online", 410, 28700, 25500, 16 ), ( M5, "B", "Online", 470, 32900, 27000, 17 ), ( M6, "B", "Online", 520, 36400, 29000, 20 ), // Product Line B, Retail ( M1, "B", "Retail", 180, 12600, 25000, 140 ), ( M2, "B", "Retail", 270, 18900, 22000, 125 ), ( M3, "B", "Retail", 240, 16800, 21000, 110 ), ( M4, "B", "Retail", 280, 19600, 19000, 100 ), ( M5, "B", "Retail", 310, 21700, 17000, 90 ), ( M6, "B", "Retail", 320, 22400, 16000, 75 ), // Product Line C, Online ( M1, "C", "Online", 65, 7800, 8000, 2 ), ( M2, "C", "Online", 100, 12000, 9500, 2 ), ( M3, "C", "Online", 85, 10200, 11000, 3 ), ( M4, "C", "Online", 110, 13200, 12500, 3 ), ( M5, "C", "Online", 115, 13800, 13500, 4 ), ( M6, "C", "Online", 125, 15000, 15500, 4 ), // Product Line C, Retail ( M1, "C", "Retail", 100, 12000, 14000, 4 ), ( M2, "C", "Retail", 170, 20400, 15500, 4 ), ( M3, "C", "Retail", 140, 16800, 17000, 5 ), ( M4, "C", "Retail", 175, 21000, 17500, 5 ), ( M5, "C", "Retail", 180, 21600, 18000, 6 ), ( M6, "C", "Retail", 185, 22200, 18000, 7 ) }, "Month", [Value1], "Product Line", [Value2], "Channel", [Value3], "_Units", [Value4], "_Revenue", [Value5], "_Revenue Target", [Value6], "_Returns", [Value7]) ``` annotation PBI_Id = c8632d7dc9194275b03f266beb0eec91 cultureInfo en-US function TrendSVG = ``` ( valueExpr: ANYREF EXPR, periodCol: ANYREF EXPR, periods: INT64, labelChars: INT64, dateFormat: STRING, hover: BOOLEAN ) => VAR _LastPeriod = MAX ( periodCol ) // Take the N most-recent distinct values of periodCol at or before the // current filter context's max — grain-agnostic (day / month / year / etc.) VAR _BasePeriods = TOPN ( periods, FILTER ( ALL ( periodCol ), periodCol <= _LastPeriod ), periodCol, DESC ) VAR _Data = ADDCOLUMNS ( _BasePeriods, "Value", VAR _v = CALCULATE ( valueExpr ) RETURN IF ( ISBLANK ( _v ), 0, _v ) ) VAR _DataIndexed = ADDCOLUMNS ( _Data, "Idx", RANKX ( _Data, periodCol, periodCol, ASC, DENSE ), "PeriodLabel", UPPER ( LEFT ( FORMAT ( periodCol, dateFormat ), labelChars ) ) ) VAR _Count = COUNTROWS ( _DataIndexed ) VAR _MaxVal = MAXX ( _DataIndexed, [Value] ) // Layout — width scales with period count so labels never crowd VAR _PerPointX = 32 // horizontal space reserved per data point VAR _PadX = 18 VAR _Width = 2 * _PadX + MAX ( 1, _Count - 1 ) * _PerPointX VAR _Height = 86 VAR _PadTop = 10 VAR _LabelBandH = 26 VAR _ChartBottom = _Height - _LabelBandH VAR _GoodColor = "#107C10" VAR _BadColor = "#A80000" VAR _LineColor = "#0078D4" VAR _XStep = IF ( _Count > 1, DIVIDE ( _Width - 2 * _PadX, _Count - 1 ), 0 ) VAR _HasData = _Count >= 2 && NOT ISBLANK ( _MaxVal ) // Polyline point list ("x,y x,y ...") VAR _Points = CONCATENATEX ( _DataIndexed, VAR _Idx = [Idx] VAR _Val = [Value] VAR _Norm = IF ( _MaxVal = 0, 0, DIVIDE ( _Val, _MaxVal ) ) VAR _X = _PadX + ( _Idx - 1 ) * _XStep VAR _Y = _ChartBottom - _Norm * ( _ChartBottom - _PadTop ) RETURN FORMAT ( _X, "0.0" ) & "," & FORMAT ( _Y, "0.0" ), " ", [Idx], ASC ) // Dot marker on every point VAR _Markers = CONCATENATEX ( _DataIndexed, VAR _mIdx = [Idx] VAR _mVal = [Value] VAR _mNorm = IF ( _MaxVal = 0, 0, DIVIDE ( _mVal, _MaxVal ) ) VAR _mX = _PadX + ( _mIdx - 1 ) * _XStep VAR _mY = _ChartBottom - _mNorm * ( _ChartBottom - _PadTop ) RETURN "<circle cx='" & FORMAT ( _mX, "0.0" ) & "' cy='" & FORMAT ( _mY, "0.0" ) & "' r='2.2' fill='" & _LineColor & "' />", "", [Idx], ASC ) // Light vertical guide from each marker down to the label band VAR _GuideBottom = _ChartBottom VAR _Guides = CONCATENATEX ( _DataIndexed, VAR _gIdx = [Idx] VAR _gVal = [Value] VAR _gNorm = IF ( _MaxVal = 0, 0, DIVIDE ( _gVal, _MaxVal ) ) VAR _gX = _PadX + ( _gIdx - 1 ) * _XStep VAR _gY = _ChartBottom - _gNorm * ( _ChartBottom - _PadTop ) RETURN "<line x1='" & FORMAT ( _gX, "0.0" ) & "' y1='" & FORMAT ( _gY, "0.0" ) & "' x2='" & FORMAT ( _gX, "0.0" ) & "' y2='" & FORMAT ( _GuideBottom, "0.0" ) & "' stroke='#CCCCCC' stroke-width='0.75' />", "", [Idx], ASC ) // Period label (e.g. "JAN") — bottom band, upper row VAR _LabelY = _Height - 16 VAR _Labels = CONCATENATEX ( _DataIndexed, VAR _lIdx = [Idx] VAR _lX = _PadX + ( _lIdx - 1 ) * _XStep RETURN "<text x='" & FORMAT ( _lX, "0.0" ) & "' y='" & FORMAT ( _LabelY, "0.0" ) & "' text-anchor='middle' font-family='DIN, "DIN Alternate", "DIN Next", "Segoe UI", Tahoma, Arial, sans-serif' font-size='8' fill='#666'>" & [PeriodLabel] & "</text>", "", [Idx], ASC ) // ---- Hover-only content ---- // Shaded area under each segment (green if rising, red if falling) VAR _Shades = CONCATENATEX ( FILTER ( _DataIndexed, [Idx] < _Count ), VAR _sIdx = [Idx] VAR _sVal = [Value] VAR _sNext = MAXX ( FILTER ( _DataIndexed, [Idx] = _sIdx + 1 ), [Value] ) VAR _sNorm1 = IF ( _MaxVal = 0, 0, DIVIDE ( _sVal, _MaxVal ) ) VAR _sNorm2 = IF ( _MaxVal = 0, 0, DIVIDE ( _sNext, _MaxVal ) ) VAR _sX1 = _PadX + ( _sIdx - 1 ) * _XStep VAR _sX2 = _PadX + _sIdx * _XStep VAR _sY1 = _ChartBottom - _sNorm1 * ( _ChartBottom - _PadTop ) VAR _sY2 = _ChartBottom - _sNorm2 * ( _ChartBottom - _PadTop ) VAR _sColor = IF ( _sNext >= _sVal, _GoodColor, _BadColor ) RETURN "<polygon points='" & FORMAT ( _sX1, "0.0" ) & "," & FORMAT ( _sY1, "0.0" ) & " " & FORMAT ( _sX2, "0.0" ) & "," & FORMAT ( _sY2, "0.0" ) & " " & FORMAT ( _sX2, "0.0" ) & "," & FORMAT ( _ChartBottom, "0.0" ) & " " & FORMAT ( _sX1, "0.0" ) & "," & FORMAT ( _ChartBottom, "0.0" ) & "' fill='" & _sColor & "' fill-opacity='0.05' stroke='none' />", "", [Idx], ASC ) // Bold value label — bottom band, lower row VAR _ValueLabelY = _Height - 6 VAR _DataLabels = CONCATENATEX ( _DataIndexed, VAR _dIdx = [Idx] VAR _dVal = [Value] VAR _dX = _PadX + ( _dIdx - 1 ) * _XStep RETURN "<text x='" & FORMAT ( _dX, "0.0" ) & "' y='" & FORMAT ( _ValueLabelY, "0.0" ) & "' text-anchor='middle' font-family='DIN, "DIN Alternate", "DIN Next", "Segoe UI", Tahoma, Arial, sans-serif' font-size='7' font-weight='bold' fill='#333'>" & FORMAT ( _dVal, "#,0" ) & "</text>", "", [Idx], ASC ) // Assemble VAR _HoverExtras = IF ( hover, _Shades, "" ) VAR _HoverLabels = IF ( hover, _DataLabels, "" ) VAR _SVGContent = "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 " & FORMAT ( _Width, "0" ) & " " & FORMAT ( _Height, "0" ) & "' preserveAspectRatio='xMidYMid meet'>" & _HoverExtras & _Guides & "<polyline fill='none' stroke='" & _LineColor & "' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' points='" & _Points & "' />" & _Markers & _Labels & _HoverLabels & "</svg>" RETURN IF ( _HasData, "data:image/svg+xml;utf8," & _SVGContent, BLANK () ) ``` annotation __PBI_TimeIntelligenceEnabled = 0 annotation PBI_QueryOrder = [] annotation PBI_ProTooling = ["TMDLView_Desktop"]สคริปต์จะสร้างตารางยอดขายของรายการผลิตภัณฑ์ที่มีข้อมูลตัวอย่างหกเดือน หน่วยวัดพื้นฐานที่ใช้ตลอดการแนะนํา หน่วยวัดไอคอนคําบรรยาย (
Units callout image, ),Revenue callout imageหน่วยวัดแนวโน้ม (Units 6mo trend,Units 6mo trend - hover, ,Revenue 6mo trendRevenue 6mo trend - hover) และฟังก์ชันที่ผู้ใช้กําหนดเองของ DAX ที่นํามาใช้ใหม่TrendSVGซึ่งแสดงแผนภูมิเส้น SVG ด้วยตัวแปรโฮเวอร์แบบทางเลือก
สร้างการ์ดพื้นฐาน
ในบานหน้าต่าง การแสดงภาพ ให้เลือกแท็บ สร้างวิชวล จากนั้นเลือกวิชวล การ์ด จากแกลเลอรีวิชวล
ลาก Units ไปยังเขตข้อมูล ค่า ให้ดี
ลาก รายได้ ไปยังฟิลด์ ค่า ให้ดี
ตอนนี้คุณมีวิชวลหลายการ์ดที่แสดงหน่วยรวมและรายได้รวม
เพิ่มรูปภาพไฮไลต์
หากต้องการทําให้การ์ดของคุณดึงดูดสายตามากขึ้น ให้เพิ่มรูปภาพลงในพื้นที่ไฮไลต์ สคริปต์ TMDL เริ่มต้นได้สร้างหน่วยวัดสองหน่วยที่ส่งกลับไอคอน SVG อย่างง่ายแล้ว: Units callout image ( # สัญลักษณ์ภายในวงกลม) และ Revenue callout image ( $ สัญลักษณ์ภายในวงกลม) เมื่อต้องกําหนดบัตรให้แก่บัตร:
- เลือกวิชวลการ์ดของคุณ
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ วิชวล ให้ขยาย ไฮไลต์
- ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือก หน่วย
- ขยาย รูปภาพ และสลับเป็นเปิด
- ตั้งค่า ชนิดรูปภาพ เป็น เลือกจากข้อมูล
- เลือก รูปภาพไฮไลต์หน่วย จากเมนูแบบเลื่อนลงของช่อง
- ตั้งค่า Image fit เป็น กึ่งกลาง
- ตั้งค่า Size เป็น 40 px
- ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้
- ขยาย รูปภาพ และสลับเป็นเปิด
- ตั้งค่า ชนิดรูปภาพ เป็น เลือกจากข้อมูล
- เลือก รูปภาพไฮไลต์รายได้ จากเมนูแบบเลื่อนลงของช่อง
- ตั้งค่า Image fit เป็น กึ่งกลาง
- ตั้งค่า Size เป็น 40 px
ตอนนี้การ์ดแต่ละใบจะแสดงไอคอนสัญลักษณ์ในพื้นที่คําบรรยายภาพควบคู่ไปกับค่าเมตริก
แสดงตามหมวดหมู่
เพิ่มหมวดหมู่เพื่อแสดงข้อมูลโดยแบ่งตามกลุ่ม
- ในบานหน้าต่าง ข้อมูล ให้ลาก ช่อง ไปยังเขตข้อมูล ประเภท
- ลาก สายผลิตภัณฑ์ ไปยังเขตข้อมูล หมวดหมู่ เพื่อแบ่งย่อยข้อมูลตามบรรทัดผลิตภัณฑ์ภายในแต่ละช่องทาง
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ วิชวล ให้ขยาย เค้าโครงหลายประเภท
- ขยาย เค้าโครง สลับ พอดีกับพื้นที่ เป็น ปิด และตั้งค่า แถว เป็น 6 เพื่อแสดงประเภททั้งหมด
หมายเหตุ
เมื่อ เปิดจัดพอดีกับช่องว่าง จํานวนแถวสูงสุดคือ 4 เมื่อต้องการแสดงแถวเพิ่มเติม ให้ปิดจัดพอดีกับพื้นที่
ขณะนี้วิชวลการ์ดจะแสดงส่วนที่แยกต่างหากสําหรับแต่ละช่องและชุดสายผลิตภัณฑ์ โดยแต่ละส่วนจะแสดงหน่วยและรายได้พร้อมกับรูปภาพคําบรรยายภาพ
เพิ่มป้ายชื่ออ้างอิง
ป้ายกํากับอ้างอิงให้บริบทสําหรับเมตริกหลักของคุณ คุณยังสามารถเพิ่มค่ารายละเอียดลงในป้ายชื่ออ้างอิงสําหรับข้อมูลที่ละเอียดยิ่งขึ้น
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ วิชวล ให้ขยายส่วน ป้ายชื่ออ้างอิง
- ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือก หน่วย
- ลาก Returns ไปยังช่อง เพิ่มข้อมูลป้ายกํากับ
- ในดรอปดาวน์ เพิ่มใบจ่าหน้า ให้เลือก "การคืนสินค้า"
- ขยายส่วน รายละเอียด และสลับเป็น เปิด
- ลาก อัตราการส่งคืน ไปยังช่องข้อมูล รายละเอียด
- ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้
- ลากผลต่างรายได้ไปยังฟิลด์ เพิ่มข้อมูลป้ายชื่อ
- ในเมนูแบบเลื่อนลงเพิ่มป้ายชื่อ ให้เลือกผลต่างรายได้
- ขยายส่วน รายละเอียด และสลับเป็น เปิด
- ลาก % รายได้เพื่อกําหนดเป้าหมายไปยังช่องข้อมูลรายละเอียด
ตอนนี้การ์ดจะแสดงป้ายกํากับอ้างอิงพร้อมรายละเอียด: การ์ดหน่วยจะแสดงผลตอบแทนพร้อมอัตราการคืนสินค้า และการ์ดรายได้จะแสดงผลต่างของรายได้พร้อมเปอร์เซ็นต์ที่จะกําหนดเป้าหมาย คุณสามารถจัดรูปแบบป้ายชื่ออ้างอิงเพิ่มเติมได้ รวมถึงการใช้การจัดรูปแบบตามเงื่อนไขเพื่อปรับสีตามค่า
เพิ่มรูปภาพระดับบนสุด
วิชวลการ์ดสามารถแสดงรูปภาพควบคู่ไปกับค่าคําบรรยายภาพแทนที่จะเป็นด้านใน เค้าโครงนี้จะมีประโยชน์สําหรับรูปภาพขนาดใหญ่ และสําหรับ SVG ที่แสดงรายละเอียดมากกว่าไอคอนคําบรรยายภาพขนาดเล็ก เช่น เส้นแนวโน้ม
สําหรับตัวอย่างนี้ ก่อนอื่นลดความซับซ้อนของการ์ดโดยการเอาส่วนเพิ่มเติมก่อนหน้านี้ออก เพื่อให้แผนภูมิแนวโน้มสามารถใช้สปอตไลต์ได้:
- เลือกวิชวลการ์ดของคุณ
- จากช่องข้อมูลหมวดหมู่ ให้ลบช่องทางและสายผลิตภัณฑ์
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ วิชวล ขยาย ป้ายชื่อการอ้างอิง ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือก ทั้งหมด จากนั้นเลือก รีเซ็ตเป็นค่าเริ่มต้น ที่ด้านล่างของส่วน
ตอนนี้ใช้หน่วยวัดแนวโน้มที่สร้างขึ้นในสคริปต์ TMDL เริ่มต้นเพื่อแสดงแผนภูมิเส้นขนาดกะทัดรัดและสลับไปยังตัวแปรที่มากขึ้นเมื่อผู้ใช้ชี้ไปที่การ์ด
Units 6mo trendหน่วยวัด , Units 6mo trend - hover, Revenue 6mo trendและ Revenue 6mo trend - hover ทั้งหมดเรียกTrendSVG ที่นํามาใช้ใหม่ได้เพื่อแสดงแผนภูมิเส้น SVG ในช่วงหกเดือนที่ผ่านมา ตัวแปรโฮเวอร์จะเพิ่มเซกเมนต์แรเงา (สีเขียวเมื่อเพิ่มขึ้น สีแดงเมื่อตก) และป้ายกํากับค่าแบบตัวหนาสําหรับแต่ละช่วงเวลา
เมื่อต้องการแสดงแผนภูมิแนวโน้มเป็นรูปภาพระดับบนสุดของแต่ละการ์ด และสลับไปยังตัวแปรโฮเวอร์เมื่อผู้ใช้ชี้ไปที่การ์ด:
- เลือกวิชวลการ์ดของคุณ
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกไอคอน จัดรูปแบบวิชว ล
- ภายใต้แท็บ ภาพ ให้ขยายส่วน รูปภาพ
- ในดรอปดาวน์ ใช้การตั้งค่ากับ ให้เลือกหน่วย =
- ตั้งค่ารัฐเป็นค่าเริ่มต้น
- สลับรูปภาพเป็นเปิด
- ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
- เลือก แนวโน้ม 6mo หน่วย จากรายการดรอปดาวน์ของเขตข้อมูล
- ตั้งค่ารูปภาพให้พอดีกับพอดี
- ตั้งค่าสถานะเป็นโฮเวอร์
- สลับรูปภาพเป็นเปิด
- ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
- เลือก แนวโน้ม 6mo หน่วย - เลื่อนเมาส์ จากเมนูแบบเลื่อนลงของเขตข้อมูล
- ตั้งค่ารูปภาพให้พอดีกับพอดี
- ในเมนูแบบเลื่อนลงใช้การตั้งค่ากับ ให้เลือกรายได้ =
- ตั้งค่ารัฐเป็นค่าเริ่มต้น
- สลับรูปภาพเป็นเปิด
- ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
- เลือก แนวโน้มรายได้ 6mo จากรายการแบบเลื่อนลงของเขตข้อมูล
- ตั้งค่ารูปภาพให้พอดีกับพอดี
- ตั้งค่าสถานะเป็นโฮเวอร์
- สลับรูปภาพเป็นเปิด
- ตั้งค่า แหล่งที่มาของรูปภาพ เป็น เลือกจากข้อมูล
- เลือก แนวโน้มรายได้ 6mo - เลื่อนเมาส์ จากเขตข้อมูลแบบเลื่อนลง
- ตั้งค่ารูปภาพให้พอดีกับพอดี
ตอนนี้การ์ดแต่ละใบจะแสดงแผนภูมิเส้นของเมตริกหกเดือนต่อท้ายควบคู่กับค่าคําบรรยายภาพ เมื่อผู้ใช้ชี้ไปที่การ์ด แผนภูมิจะสลับไปยังตัวแปรโฮเวอร์ที่มีการแรเงาและลดลงและส่วนค่า
เมื่อต้องการเน้นแผนภูมิแนวโน้มควบคู่ไปกับค่าคําบรรยายภาพ ให้ปรับเค้าโครงการ์ด:
- ภายใต้ คําบรรยายภาพ ให้ปิดการสลับ รูปภาพ สําหรับแต่ละการ์ดเพื่อเอาไอคอนคําบรรยายออก
- ในส่วนเค้าโครง> ให้ตั้งค่าการจัดเรียงเป็นแนวนอน
- ตั้งค่าลําดับเป็นคําบรรยายภาพรูปภาพป้ายชื่ออ้างอิง
- ตั้งค่าขนาดไฮไลต์เป็น 40%
นำการจัดรูปแบบตามเงื่อนไขไปใช้
คุณสามารถจัดรูปแบบองค์ประกอบมากมายตามเงื่อนไขในวิชวลการ์ด เช่น สีฟอนต์ สีพื้นหลัง และสีเส้นขอบ ใช้การจัดรูปแบบตามเงื่อนไขเพื่อดึงดูดความสนใจไปยังการ์ดเฉพาะตามข้อมูลต้นแบบ ตัวอย่างเช่น ไฮไลต์การ์ดโดยที่รายได้สั้นลงของเป้าหมาย สําหรับรายละเอียดเกี่ยวกับชนิดกฎที่พร้อมใช้งานและวิธีการกําหนดค่า ดูภาพรวมการจัดรูปแบบตามเงื่อนไข
การ์ดเดี่ยวและวิชวลการ์ดหลายใบแบบดั้งเดิม
ก่อนการเผยแพร่ในเดือนพฤศจิกายน 2025 Power BI ได้รวมวิชวลการ์ดแยกกันสองรายการ: วิชวล การ์ดเดียว สําหรับแสดงหน่วยวัดเดียว และวิชวลหลาย การ์ด สําหรับแสดงหน่วยวัดหลายหน่วย วิชวลดั้งเดิมเหล่านี้ยังคงพร้อมใช้งานสําหรับความเข้ากันได้แบบย้อนหลัง รายงานที่มีอยู่ที่ใช้วิชวลเหล่านี้ยังคงแสดงผลโดยไม่มีการเปลี่ยนแปลง
วิชวลการ์ดใหม่จะแทนที่วิชวลดั้งเดิมทั้งสอง และแนะนําสําหรับรายงานใหม่ เมื่อคุณเลือกไอคอน การ์ด ในบานหน้าต่าง การแสดงภาพ จะสร้างวิชวลการ์ดใหม่ที่นํามาใช้ในรุ่นความพร้อมใช้งานทั่วไปในเดือนพฤศจิกายน 2025
เมื่อต้องการเข้าถึงวิชวลการ์ดเดี่ยวและการ์ดหลายใบแบบดั้งเดิม:
- ในบานหน้าต่าง การแสดงภาพ ให้เลือกจุดสามจุด (...)
- เลือก คืนค่าวิชวลเริ่มต้น
วิชวลดั้งเดิมจะปรากฏในพื้นที่ที่ไม่ได้ตรึงไว้ของบานหน้าต่างการแสดงภาพ ซึ่งโดยทั่วไปแล้ววิชวลแบบกําหนดเองจะปรากฏขึ้น ผู้ใช้ที่ต้องการรักษาลักษณะการทํางานเดิมควรใช้วิชวลการ์ดเดิมที่มีอยู่ในรายงานของตนต่อไป
ข้อควรพิจารณาและข้อจำกัด
คําถามที่ถามบ่อยสําหรับการ์ดที่ใช้ในรายงานระหว่างการแสดงตัวอย่าง
เหตุใดการตั้งค่าคอลัมน์จึงรีเซ็ตเป็น 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): ในระหว่างการแสดงตัวอย่าง วิชวลจะปล่อยให้คอลัมน์ว่างเพื่อให้ตรงกับจํานวนคอลัมน์ที่ระบุ ด้วยการเพิ่ม พอดีกับช่องว่าง จะจัดเรียงการ์ดเพื่อเติมคอนเทนเนอร์ภาพตามการ์ดที่มีอยู่ การตั้งค่านี้สามารถปิดเพื่อกลับไปยังลักษณะการทํางานก่อนหน้าได้
การตั้งค่ารูปแบบ
- วิชวล การ์ด (ใหม่) พร้อมใช้งานโดยทั่วไปเป็น วิชวลการ์ด หากคุณใช้วิชวลการ์ดในช่วงการแสดงตัวอย่าง คุณอาจสังเกตเห็นลักษณะการทํางานหรือการเปลี่ยนแปลงการจัดรูปแบบที่แสดงการปรับปรุงที่แนะนําในความพร้อมใช้งานทั่วไปและในการอัปเดตที่ตามมา
- วิชวลการ์ดใหม่มีสไตล์เริ่มต้นที่อัปเดต การ์ดที่สร้างขึ้นใหม่อาจมีลักษณะแตกต่างจากการ์ดเดิม และจากการ์ดที่สร้างขึ้นระหว่างการแสดงตัวอย่าง ในขณะที่วิชวลที่มีอยู่จะยังคงไม่เปลี่ยนแปลง
- เมื่อจัดรูปแบบวิชวลการ์ด คุณอาจสังเกตเห็นว่าการตั้งค่ารูปแบบบางอย่างอยู่ในตําแหน่งอื่นหรือตําแหน่งใหม่ หรือชื่อของการตั้งค่ามีการเปลี่ยนแปลง
- ในวิชวลการ์ดเวอร์ชันก่อนหน้า รูปภาพคําบรรยายภาพพร้อมใช้งานเป็นส่วนหนึ่งของการ์ดรูปภาพ ขณะนี้รูปภาพนี้อยู่ในส่วน คําบรรยายภาพ ของบานหน้าต่าง รูปแบบ
- การจัดเรียง เค้าโครง บางอย่างอาจมีผลต่อรายงานที่มีอยู่ซึ่งใช้วิชวลการ์ดในช่วงการแสดงตัวอย่าง เอฟเฟกต์นี้เกิดจากการอัปเดตคอมโพเนนต์การ์ดทั้งหมดซึ่งเป็นส่วนหนึ่งของการเผยแพร่ความพร้อมใช้งานทั่วไป รวมถึงการปรับปรุงเลย์เอาต์ สไตล์ และการจัดการรูปภาพ
- ถ้าคุณเคยใช้เค้าโครงการ์ดรูปภาพ ให้อัปเดตวิชวลของคุณตามนั้นโดยใช้บานหน้าต่าง รูปแบบ เพื่อเข้าถึงและกําหนดการตั้งค่ารูปภาพไฮไลต์
เนื้อหาที่เกี่ยวข้อง
- ภาพรวมการแสดงภาพ ใน Power BI
- แก้ไขปัญหาการแสดงภาพใน Power BI