วิดเจ็ตประจำหน้า
พื้นที่วิดเจ็ตที่ปรับแต่งได้บนหน้าการเทรด รีวิว และกลยุทธ์ เพื่อแสดงตัวชี้วัดเฉพาะหน้าโดยไม่ต้องออกจากมุมมอง
วิดเจ็ตประจำหน้า
นอกจาก แดชบอร์ด ที่ปรับแต่งได้เต็มรูปแบบแล้ว หน้ามุมมองการเทรดหลายหน้ายังแสดงพื้นที่วิดเจ็ตแบบกะทัดรัดเหนือเนื้อหาหลักโดยตรง ช่วยให้คุณติดตามตัวชี้วัดประสิทธิภาพสำคัญได้โดยไม่ต้องออกจากหน้าที่กำลังทำงานอยู่
หน้าที่รองรับ
| หน้า | จุดเน้นเริ่มต้น |
|---|---|
| Daily | P&L รายวัน + จังหวะระหว่างวัน |
| Weekly | P&L รายสัปดาห์ + แยกตามวันในสัปดาห์ |
| Monthly | P&L รายเดือน + จังหวะรายวัน |
| Yearly | P&L รายปี + อัตราส่วนความเสี่ยง |
| Trades | YTD P&L + แถบ P&L ของเทรด |
| Lifetime | P&L ตลอดอายุบัญชี + อัตราส่วนความเสี่ยง |
| Review | KPI คุณภาพการรีวิว |
| กลยุทธ์ | การเปรียบเทียบกลยุทธ์ |
แต่ละหน้าบันทึกเลย์เอาต์วิดเจ็ตของตัวเองแยกกัน การสลับบัญชีเทรดจะสลับการตั้งค่าวิดเจ็ตด้วย คุณจึงมี KPI ต่างกันสำหรับแต่ละบัญชีได้
เลย์เอาต์เริ่มต้น
หน้าที่รองรับแต่ละหน้าเริ่มด้วยเลย์เอาต์เริ่มต้นที่ออกแบบสำหรับเดสก์ท็อปก่อน เลย์เอาต์เหล่านี้ยังคงสร้างจากแค็ตตาล็อกวิดเจ็ตเดียวกับที่ใช้บน dashboard แต่ส่วนผสมจะแตกต่างตามหน้า เพื่อให้แถบวิดเจ็ตเสริมมุมมองด้านล่างแทนที่จะทำซ้ำชุด KPI เดิมทุกที่
ตัวอย่างทั่วไป:
- Daily และ Weekly สามารถใช้โครงสร้างสองแถวที่ลึกขึ้นเมื่อบริบทเพิ่มเติมมีคุณค่า
- Monthly และ Lifetime คงรูปแบบเป็นแถบแถวเดียวแบบเรียบ พร้อมความสูงการ์ดสม่ำเสมอ
- Trades ให้ความสำคัญกับกราฟ P&L ต่อเทรดที่สั้นกว่า แทนบล็อกการกระจายตัวที่สูง
- Review คงความทั่วไปและไม่ขึ้นกับกลยุทธ์ที่เลือก
- กลยุทธ์ ใช้วิดเจ็ตหลายกลยุทธ์เป็นค่าเริ่มต้น ซึ่งทำงานได้โดยไม่ต้องตั้งค่าเพิ่มเติม
แถบเครื่องมือวิดเจ็ต
แถบเครื่องมือจะปรากฏที่มุมขวาบนของพื้นที่วิดเจ็ต เนื้อหาจะเปลี่ยนตามว่าคุณกำลังดูหรือแก้ไขวิดเจ็ต
โหมดดู
| การดำเนินการ | คำอธิบาย |
|---|---|
| ยุบ | ซ่อนพื้นที่วิดเจ็ต คลิก ขยาย เพื่อแสดงอีกครั้ง |
| แก้ไขวิดเจ็ต | เข้าสู่โหมดแก้ไขเพื่อปรับแต่งเลย์เอาต์ |
สถานะยุบ/ขยายจะถูกจดจำแยกตามหน้า
โหมดแก้ไข
| การดำเนินการ | คำอธิบาย |
|---|---|
| เพิ่มวิดเจ็ต | เปิด ตัวเลือกวิดเจ็ต เพื่อเพิ่มวิดเจ็ตใหม่ |
| รีเซ็ต | คืนค่าเลย์เอาต์วิดเจ็ตเริ่มต้นของหน้านี้ กล่องยืนยันช่วยป้องกันการรีเซ็ตโดยไม่ตั้งใจ |
| ยกเลิก | ทิ้งการเปลี่ยนแปลงที่ยังไม่ได้บันทึกและออกจากโหมดแก้ไข |
| บันทึก | บันทึกเลย์เอาต์ปัจจุบันและออกจากโหมดแก้ไข |
| จุดตัดหน้าจอ | สลับพรีวิวระหว่างเดสก์ท็อป แท็บเล็ต และมือถือ เพื่อดูว่าวิดเจ็ตจัดเรียงใหม่อย่างไร |
การเพิ่มและลบวิดเจ็ต
- คลิก แก้ไขวิดเจ็ต เพื่อเข้าสู่โหมดแก้ไข
- คลิก เพิ่มวิดเจ็ต เพื่อเปิดตัวเลือกวิดเจ็ต เรียกดูหรือค้นหารายการวิดเจ็ตทั้งหมด พรีเซ็ตเพิ่มด่วน และรายการแบบไดนามิก (สัญลักษณ์ กลุ่มสินทรัพย์ แท็กของคุณ)
- คลิกวิดเจ็ตในตัวเลือกเพื่อเพิ่มลงในพื้นที่
- หากต้องการลบวิดเจ็ต ให้คลิกปุ่มลบบนการ์ดของวิดเจ็ตขณะอยู่ในโหมดแก้ไข
- ลากวิดเจ็ตเพื่อจัดลำดับใหม่หรือปรับขนาดภายในกริด
- คลิก บันทึก เมื่อเสร็จแล้ว
พฤติกรรมแบบ Responsive
วิดเจ็ตประจำหน้าใช้กริด responsive ที่มีสาม breakpoint:
| Breakpoint | ความกว้างขั้นต่ำ | คอลัมน์กริด |
|---|---|---|
| Desktop | 996 px | 12 |
| Tablet | 768 px | 8 |
| Mobile | 480 px | 4 |
ค่าเริ่มต้นสำหรับ desktop, tablet และ mobile ถูกออกแบบให้พอดีกับหน้า: บาง route ใช้แถวเดียว ขณะที่ route ตามเวลาอาจใช้โครงสร้างสองแถวที่ลึกขึ้นบน desktop และเลย์เอาต์ที่อัดแน่นขึ้นบนหน้าจอเล็ก คุณสามารถปรับแต่งเลย์เอาต์ของแต่ละ breakpoint แยกกันได้ด้วยปุ่มพรีวิว breakpoint ในแถบเครื่องมือแก้ไข แต่ละ breakpoint บันทึกเลย์เอาต์ของตัวเองเพื่อให้จัดวิดเจ็ตได้เหมาะสมในทุกขนาดหน้าจอ
พื้นที่วิดเจ็ตประจำหน้าใช้ได้สูงสุด 4 แถว เพื่อให้พื้นที่เหนือเนื้อหาหลักยังคงกะทัดรัด
การรีเซ็ตวิดเจ็ต
คลิก รีเซ็ต ในแถบเครื่องมือแก้ไขเพื่อคืนค่าเลย์เอาต์เริ่มต้นเฉพาะหน้าสำหรับหน้าปัจจุบัน กล่องยืนยันจะปรากฏก่อนที่การรีเซ็ตจะมีผล การดำเนินการนี้กระทบเฉพาะหน้าปัจจุบัน หน้าอื่นยังคงเลย์เอาต์ของตัวเอง