การแสดงภาพ

การแสดงภาพข้อมูลในพื้นที่ทำงานของคุณ

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

โครงสร้างข้อมูลการแสดงภาพ

หากต้องการแสดงการแสดงภาพในระบบของคุณ คุณสามารถใช้อินเทอร์เฟซ VisualizationData ต่อไปนี้:

type VisualizationData = {
  userId?: string;
  projectName: string;
  type: VisualizationTypesEnum | VisualizationTypesEnum[];
  description?: string;
  name: string;
  tags?: string | string[];
  data: VisualizationDataData;
  createdAt?: Date;
  updatedAt?: Date;
}

คุณสมบัติที่สำคัญ

• ชื่อโครงการ: โครงการที่ใช้งานอยู่
• ประเภท: สตริงหรืออาร์เรย์สตริงที่ให้ประเภทของการแสดงภาพ (อาร์เรย์ใช้ได้กับ JSON’s เท่านั้น)
• ชื่อ: ตัวระบุที่ไม่ซ้ำกันสำหรับการแสดงภาพ
• คำอธิบาย: ช่องที่ไม่บังคับเพื่อให้บริบทหรือรายละเอียดเพิ่มเติมเกี่ยวกับการแสดงภาพ
• createdAt: การประทับเวลาที่ระบุเมื่อมีการสร้างการแสดงภาพครั้งแรก
• updatedAt: การประทับเวลาซึ่งระบุการแก้ไขการแสดงภาพครั้งล่าสุด
• isActive: ธงบูลีนที่ระบุว่าโปรเจ็กต์มีการใช้งานอยู่หรือไม่
• แท็ก: ช่องที่ไม่บังคับซึ่งใช้เพื่อจัดหมวดหมู่การแสดงภาพ
• ข้อมูล: ข้อมูลที่การแสดงภาพจะนำเสนอ

ประเภทการแสดงภาพ

ระบบรองรับประเภทการแสดงภาพต่อไปนี้:

• WORD_CLOUD
• FORCE_DIRECTED_GRAPH
• SANKEY
• CALENDAR
• HIERARCHICAL_EDGE_BUNDLING
• MATRIX
• LINE_CHART
• BAR_CHART
• PIE_CHART
• SCATTER
• TREEMAP
• SUNBURST
• FUNNEL
• TIMELINE

ตัวอย่างการปฏิบัติ

เมื่อใช้รูปแบบไฟล์ เช่น Excel, XML, JSON และ CSV ระบบจะรับประกันความเข้ากันได้กับรายละเอียดทั้งแบบเต็มและบางส่วนในไฟล์ All visualizations formats files can be downloaded from here

• ตัวอย่าง 1: รูปแบบ JSON พร้อมรายละเอียดทั้งหมด

• ตัวอย่าง 2: รูปแบบ JSON ที่มีรายละเอียดบางส่วน กรอกแบบฟอร์มโดยไม่มีรายละเอียดที่ขาดหายไป

• ตัวอย่างที่ 3: รูปแบบ Excel ที่มีรายละเอียดทั้งหมด ทำการแมปฟิลด์ให้เสร็จสมบูรณ์

• ตัวอย่างที่ 4: รูปแบบ Excel ที่มีรายละเอียดบางส่วน กรอกแบบฟอร์มที่มีรายละเอียดที่ขาดหายไป

• ตัวอย่าง 5: รูปแบบ CSV พร้อมรายละเอียดทั้งหมด ทำการแมปฟิลด์ให้เสร็จสมบูรณ์

• ตัวอย่าง 6: รูปแบบ CSV ที่มีรายละเอียดบางส่วน กรอกแบบฟอร์มโดยไม่มีรายละเอียดที่ขาดหายไป

• ตัวอย่าง 7: รูปแบบ XML พร้อมรายละเอียดทั้งหมด

• ตัวอย่าง 8: รูปแบบ XML ที่มีรายละเอียดบางส่วน กรอกแบบฟอร์มโดยไม่มีรายละเอียดที่ขาดหายไป