วิชวลแบบกำหนดเองที่ดีที่สุดที่คุณไม่เคยได้ยิน

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

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

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

ดังนั้นฉันจึงไปที่ตลาด AppSource และค้นหาวิชวลแบบกำหนดเองที่สามารถแสดงไทม์ไลน์ในแนวนอนได้ ฉันพบสิ่งที่เรียกว่าQuery On Timeline

มันมีบางสิ่งที่ฉันกำลังมองหา – แถบที่มีวันที่และกราฟิกและความสามารถในการรวมข้อมูลเพิ่มเติมบางอย่างใต้บรรทัด เช่น วันที่ใบสั่งซื้อ วันที่ใบตราส่ง และวันที่ในใบแจ้งหนี้

มีวิธีอื่นที่คุณสามารถใช้ได้ เช่น สไตล์ Kanban นี้

คุณยังสามารถใช้เวอร์ชันที่ลดขนาดลงโดยไม่มีภาพ

หรือเลือกรูปแบบน้ำตก

คุณยังสามารถใช้รูปแบบรูปภาพในบรรทัดได้

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

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

นี่คือรายการของฉันสำหรับ Challenge #7 โดยใช้ภาพ Query on Timeline

ภาพด้านล่างซ้ายมีคีย์นี้: สีส้มคือวันที่ใบสั่งซื้อสีฟ้ากลางคือลูกหนี้ และสีน้ำเงินเข้มคือวันที่ในใบแจ้งหนี้

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

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

หากคุณคลิกผ่านไอคอนเหล่านี้ ระบบจะนำคุณไปยังหน้าของพวกเขา ตัวอย่างเช่น หากคุณคลิกที่ใบแจ้งหนี้...

…ระบบจะนำคุณไปยังเทมเพลตใบแจ้งหนี้จำลอง

และในทำนองเดียวกัน หากคุณไปที่ใบสั่งซื้อ ระบบจะนำคุณไปยังแม่แบบใบสั่งซื้อ สิ่งเดียวกันนี้เกิดขึ้นกับการจัดส่งและใบตราส่งสินค้า

สารบัญ

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

ขั้นตอนสำคัญเพื่อให้ได้ภาพที่กำหนดเองที่ดีที่สุดสำหรับ LuckyTemplates

นี่เป็นภาพที่ซับซ้อนและมีขั้นตอนสำคัญหลายขั้นตอนในการทำให้สิ่งนี้ทำงานในรายงานของคุณเอง สิ่งแรกคือการเตรียมภาพของคุณ

ขั้นตอนที่สองคือการอัปโหลดภาพไปยังไซต์โฮสติ้งสาธารณะซึ่งคุณสามารถคว้า URL สำหรับการจัดการใน LuckyTemplates ได้อย่างง่ายดาย

คุณต้องตั้งค่า URL เสริมซึ่งในกรณีนี้คือเทมเพลตจำลองที่เราเชื่อมโยงกับไอคอน

จากนั้น คุณต้อง ตั้งค่า โมเดลข้อมูลของคุณในลักษณะที่สอดคล้องกับข้อกำหนด Query on Timeline

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

คุณต้องคำนึงถึงสิ่งนี้ล่วงหน้า แล้วจึงกำหนดค่าวิชวลเอง มีความสามารถในการกำหนดค่าได้มากมายโดยที่บางส่วนไม่ใช้งานง่าย

เตรียมภาพของคุณให้พร้อม

เริ่มจากขั้นตอนที่ 1 กันก่อน ฉันใช้ไซต์ชื่อFlat Iconสำหรับภาพของฉัน

มีไซต์ไอคอนที่ดีมากมาย นี่เป็นเพียงสิ่งที่ฉันใช้ สิ่งที่ฉันทำคือเลือกสามไอคอน แต่ละไอคอนสำหรับการจัดซื้อ การส่งมอบ และใบแจ้งหนี้

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

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

ไอคอนที่ฉันใช้ในรายการสำหรับ Query On Timeline คือไอคอนสีส้ม สีน้ำเงินกลาง และสีน้ำเงินเข้ม

สิ่งสำคัญที่นี่คือการเลือกไอคอนที่คุณต้องการและเลือกรับโค้ดฝังตัว

ซึ่งจะช่วยให้ คุณเห็นลิงก์ Viewer

คลิกที่ปุ่มแบบหล่นลงและไปที่ลิงก์โดยตรง

จากนั้นคัดลอกลิงก์เหล่านี้ลงในแผ่นจดบันทึก กุญแจสำคัญที่นี่คือการรับ URL ของรูปภาพที่โฮสต์แบบสาธารณะเหล่านี้

ซึ่งคล้ายกับสิ่งที่คุณจะทำกับ URL เสริมของคุณ ในกรณีนี้ ไซต์ที่ฉันมาเรียกว่าTemplate Labs

ฉันคัดลอก URL สำหรับใบสั่งซื้อ ใบตราส่ง และเทมเพลตใบแจ้งหนี้ลงในกระดาษจดบันทึก เราจะจัดการสิ่งเหล่านี้แบบเดียวกับที่เราจะจัดการ URL ไอคอน

เตรียมโมเดลข้อมูลของคุณ

สิ่งต่อไปที่ต้องทำคือเตรียมโมเดลข้อมูลของเรา ฉันจะแสดงให้คุณเห็นว่าคนส่วนใหญ่ในความท้าทายจัดการกับโมเดลข้อมูลของตนอย่างไร นี่คือการยอมจำนนของ Mudassir Ali และเขาได้รวบรวมผลงานที่ยอดเยี่ยมสำหรับความท้าทายนี้ ฉันขอแนะนำให้คุณลองดู

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

นี่เป็นวิธีที่ดีในการคำนวณและหาผลการวิเคราะห์ที่จำเป็น แต่โมเดลนี้จะไม่รองรับแนวทางไทม์ไลน์

การส่งของฉันนั้นโดยทั่วไปแล้วต้องใช้ Power Query จำนวนมากเพื่อให้ได้ตารางข้อเท็จจริงทั้งสามนี้มาไว้ในตารางการทำธุรกรรมแบบ end-to-end ตารางเดียว

ในฟอรัม เราได้เขียนอย่างกว้างขวางเกี่ยวกับวิธีที่เราได้รับผลงานของเรา คุณสามารถอ่านเพื่อดูว่าฉันรวบรวมตารางธุรกรรมแบบ end-to-end โดยละเอียดได้อย่างไร

หากเราดูที่ตารางธุรกรรม เรามีวันที่จำนวนหนึ่ง: วันที่ใบสั่งซื้อ วันที่ในใบแจ้งหนี้ วันที่ลูกหนี้ และวันที่คำนวณอื่นๆ

สิ่งที่จำเป็นสำหรับ Query On Timeline คือคอลัมน์วันที่เดียว ดังนั้น หลังจากรวมตารางธุรกรรมเดี่ยวนี้เข้าด้วยกันแล้ว ฉันได้ยกเลิกการทำ pivot แล้วเชื่อมโยงเวอร์ชันที่ยังไม่ได้ pivot เข้ากับโมเดลข้อมูลของฉัน โปรดทราบว่าชื่อระบุว่าเดือย แต่จริง ๆ แล้วนี่ไม่ได้พิวอท

หากเราดูที่ตารางธุรกรรมอีกครั้ง เราจะเห็นคอลัมน์ประเภทวันที่และคอลัมน์วัน ที่เดียว

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

เรายังมีURL ใบสั่งซื้อ (PO URL)

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

เราทำคำสั่ง SWITCHที่คล้ายกันสำหรับการกำหนดเทมเพลตซึ่งขึ้นอยู่กับฟิลด์ประเภทวันที่

นี่คือวิธีที่ฉันกำหนดไอคอนและเทมเพลตที่เหมาะสมสำหรับแต่ละระเบียน

หากเรากลับไปที่ตาราง unpivot เราจะเห็นคอลัมน์วันที่เดียวประเภทวันที่และช่องURL สองช่อง สำหรับใบสั่งซื้อและเทมเพลต

นี่คือทั้งหมดที่เราต้องการเพื่อตั้งค่าไทม์ไลน์อย่างเหมาะสม

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

วันที่/เวลาสามารถเป็นหนึ่งในสองสิ่งต่อไปนี้: วันที่ในตารางแฟคท์ในเวอร์ชันที่ไม่มีการพิวอท หรือวันที่ที่ตรวจสอบความถูกต้องในตารางวันที่ ทั้งสองคนทำงานที่นี่

URL ที่เป็นทางเลือกคือ URL เทมเพลตที่เชื่อมโยงกับการคลิกไอคอน

รูปภาพที่เลือกได้คือฟิลด์ URL ใบสั่งซื้อ

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

หากคุณตั้งค่าเป็นฟิลด์ URL รูปภาพจะผ่านเข้ามาอย่างถูกต้องจากไซต์ที่โฮสต์รูปภาพ

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

การจัดรูปแบบวิชวลแบบกำหนดเองสำหรับ LuckyTemplates

ตอนนี้ ฉันแค่อยากแนะนำคุณเกี่ยวกับการจัดรูปแบบบางอย่างที่ฉันทำกับรายงาน อันแรกที่เกี่ยวข้องคือStagger Textซึ่งสร้างเอฟเฟกต์แบบเรียงซ้อน

ถ้าเราปิด Stagger Text สิ่งที่เราได้รับคือทุกอย่างอยู่ในบรรทัดเดียวกัน แต่เมื่อคุณมีหลายฟิลด์ที่ค่อนข้างใกล้กัน ฟิลด์เหล่านั้นจะทับซ้อนกันและไม่สามารถอ่านได้ นี่คือเหตุผลที่เราสลับข้อความในการคำนวณอัตโนมัติ

ฟังก์ชัน Text on Topให้คุณย้ายข้อความเรียงซ้อนด้านล่างไปเหนือบรรทัด

ชื่อเรื่องตัวหนาช่วยให้คุณเน้นชื่อเรื่องเป็นตัวหนา นอกจากนี้ยังมีการจัดรูปแบบวันที่ที่คุณสามารถทำได้บนแกน X คุณสามารถแสดงหรือไม่แสดงวันที่บนแกน

สวิตช์วัน ที่ปรับ ขนาดด้วยตนเองก็มีความสำคัญเช่นกัน เพราะถ้าคุณเปิดใช้งาน จุดเริ่มต้นและจุดสิ้นสุดจะคงที่

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

หากเราปิดการทำงานนี้ จุดข้อมูลสุดท้ายในใบสั่งซื้อทุกใบจะกลายเป็นจุดสิ้นสุดของบรรทัดนั้น อย่างที่คุณเห็น จุดสิ้นสุดคือเดือนมีนาคม

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

Manual Scale Pixelsกำหนดความกว้างของเส้น เหตุผลเดียวที่เราเปิดใช้งานคือเพื่อสร้างช่องว่างเพื่อไม่ให้ทำงานและสร้างแถบเลื่อนที่ด้านล่าง

คุณสมบัติ Single elementมีประโยชน์หากคุณมีเหตุการณ์เดียวต่อหมวดหมู่

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

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

สไตล์ช่วยให้คุณเลือกจากหลายสไตล์: สไตล์บาร์ สไตล์เส้น สไตล์น้ำตก และสไตล์คัมบัง

เราจะใช้สไตล์บาร์ แต่สำหรับแอปพลิเคชันอื่นๆ คุณอาจต้องการทดลองและเล่นกับคุณลักษณะนี้

วิชวลแบบกำหนดเองนี้ยังมีความสามารถแบบไดนามิกในการแสดงวันที่ของวันนี้ แต่ไม่เกี่ยวข้องในกรณีนี้ เนื่องจากไม่ได้ขยายไปตามความยาวของข้อมูลของเรา

นอกจากนี้ยังมีความสามารถในการดาวน์โหลดวันที่เป็นไฟล์ปฏิทินจาก Google ปฏิทินหรือ Outlook

บทสรุป

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

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

โปรดสมัครรับLuckyTemplates TVหากคุณยังไม่ได้สมัคร เรามีเนื้อหาวิดีโอใหม่ๆ มากมายในเร็วๆ นี้