ข้ามไปยังเนื้อหา

แผนภูมิแท่ง

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

หากต้องการแสดงแผนภูมิแท่ง คุณสามารถใช้อินเทอร์เฟซ AxisChartData ต่อไปนี้:

type AxisChartData = {
headers: string[];
values: { [key: string]: number[] };
}
  • ส่วนหัว: อาร์เรย์ของสตริงที่แสดงหมวดหมู่หรือมิติตามแนวแกนใดแกนหนึ่ง
  • ค่า: พจนานุกรมที่แต่ละคีย์เป็นหมวดหมู่หรือมิติข้อมูล และค่าที่เกี่ยวข้องคืออาร์เรย์ของค่าตัวเลขที่อยู่อีกแกนหนึ่ง
  • การเปรียบเทียบหลายมิติ: แผนภูมิแท่งมีความเป็นเลิศในการเปรียบเทียบหลายมิติพร้อมกัน ทำให้มีมุมมองข้อมูลที่ครอบคลุม

  • การแสดงค่าที่ชัดเจน: ค่าตัวเลขจะแสดงอย่างชัดเจนทั้งแกน X และ Y ทำให้ผู้ใช้สามารถตีความและเปรียบเทียบได้ง่าย

  • ความซับซ้อนด้วยหมวดหมู่ที่มากเกินไป: เมื่อต้องจัดการกับหมวดหมู่หรือมิติจำนวนมาก การแสดงภาพอาจดูหนาแน่นและยากต่อการตีความ

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

Bar Chart Example