Area chart
Area chart (พื้นที่) แสดงแนวโน้มของค่าเดียวตามเวลา ด้วยเส้นและพื้นที่แรเงาใต้เส้น เป็นกราฟตามเวลาที่ตั้งค่าน้อยที่สุด เหมาะเมื่อต้องการดูแนวโน้มโดยรวมแบบรวดเร็ว ไม่ต้องปรับแต่งรูปแบบเส้นหรือแยกหลายชุดข้อมูล
ตัวอย่างด้านบนแสดงจำนวนคำขอรวมตลอด 24 ชั่วโมง เห็นแนวโน้มพุ่งสูงช่วงเที่ยงได้ทันทีโดยไม่ต้องแยกดูหลายเส้น วางเมาส์บนกราฟเพื่อดูค่าที่แน่นอนของแต่ละช่วงเวลา
ใช้ Area chart เมื่อต้องการแสดง:
- แนวโน้มโดยรวมของค่าเดียวตามเวลา เช่น จำนวนคำขอรวม หรือ bytes รวม
- ภาพรวมที่อ่านง่ายในแดชบอร์ดที่มีหลายแผง โดยไม่ต้องตั้งค่าเพิ่มเติม
สร้าง Area chart
สร้างกราฟจาก logs ที่อยู่ใน L-Flow ขั้นตอนต่อไปนี้ใช้ตัวช่วยสร้างในหน้าจอและไม่จำเป็นต้องเขียน query
- เปิดแดชบอร์ดไปที่ Workspace เปิดแดชบอร์ดที่ต้องการ แล้วเลือก เพิ่มแผง
- ตั้งชื่อแผงใช้ชื่อที่อธิบายข้อมูลและช่วงเวลา เช่น “คำขอทั้งหมดใน 24 ชั่วโมง”
- กำหนดข้อมูลที่จะใช้เลือก ค่าที่วัด และตั้งค่าตัวกรอง — Area chart แสดงได้หนึ่งค่าต่อแผง ไม่ต้องกำหนด “จัดกลุ่มตาม”
- เลือกช่วงเวลาย่อยตั้งค่า ช่วงเวลาย่อย เป็นอัตโนมัติหรือกำหนดขนาด bucket เอง (1 นาที – 1 วัน)
- เลือกประเภทกราฟตั้งค่า ประเภทกราฟ เป็น พื้นที่ แล้วตรวจผลลัพธ์ใน Live preview
- บันทึกแผงตรวจช่วงเวลา อุปกรณ์ต้นทาง และตัวเลือกการแสดงผล จากนั้นเลือก เพิ่มแผง
รูปแบบข้อมูล
Area chart ต้องมีฟิลด์เวลาหนึ่งฟิลด์และค่าตัวเลขหนึ่งค่าต่อจุดเวลา — รองรับค่าเดียวต่อแผงเท่านั้น
| Time | Requests |
|---|---|
| 00:00 | 320 |
| 02:00 | 210 |
| 04:00 | 180 |
ข้อมูลจาก Logs
เลือกวิธีคำนวณใน ค่าที่วัด แล้วตั้ง ช่วงเวลาย่อย ให้เหมาะกับช่วงเวลาที่ดู ตัวอย่างเช่น เลือก “นับจำนวน” เพื่อดูจำนวนเหตุการณ์รวมต่อ bucket
ข้อมูลจาก CSV
CSV ต้องมีคอลัมน์เวลาและคอลัมน์ตัวเลขหนึ่งคอลัมน์ ชื่อคอลัมน์อยู่ในแถวแรก:
time,requests 00:00,320 02:00,210 04:00,180
ตัวเลือกการแสดงผล
Area chart ตั้งใจให้มีตัวเลือกน้อยที่สุดในบรรดากราฟตามเวลา — ถ้าต้องการควบคุมรูปแบบเส้น สี หรือการซ้อนเพิ่มเติม ให้เปลี่ยนไปใช้ Time series แทน
| ตัวเลือก | คำอธิบายและค่าที่เลือกได้ |
|---|---|
| แสดง Tooltip | เปิดหรือปิดรายละเอียดเมื่อชี้เมาส์
|
| แสดงเส้นกริด | แสดงเส้นอ้างอิงจากค่าบนแกนผ่านพื้นที่กราฟ
|
| แสดงคำอธิบายกราฟ | Area chart ปิดค่านี้เป็นค่าเริ่มต้น เพราะมีค่าเดียวในกราฟอยู่แล้ว
|
| ตำแหน่งคำอธิบายกราฟ | ใช้ได้เมื่อเปิดแสดงคำอธิบายกราฟ
|
แนวทางการใช้งาน
- ตั้งชื่อแผงให้ระบุค่าที่วัดและช่วงเวลาที่แสดง เพราะกราฟไม่มีคำอธิบายชุดข้อมูลอื่นให้ดูประกอบ
- เลือกช่วงเวลาย่อยให้เหมาะกับช่วงเวลาที่ดู เพื่อไม่ให้เส้นหนาแน่นหรือหยาบเกินไป
- ใช้เมื่อมีค่าที่ต้องติดตามค่าเดียวจริงๆ — ถ้าต้องเปรียบเทียบมากกว่าหนึ่งค่า ให้ใช้ Time series
- ระบุหน่วยให้ชัดเจน เช่น ครั้ง, bytes หรือ milliseconds
การแก้ปัญหา
| ปัญหา | วิธีตรวจสอบ |
|---|---|
| ไม่พบข้อมูล | ตรวจช่วงเวลา อุปกรณ์ต้นทาง และตัวกรอง แล้วลองลดเงื่อนไขทีละข้อ |
| อยากแยกหลายเส้นแต่ทำไม่ได้ | Area chart รองรับค่าเดียวต่อแผง — เปลี่ยนไปใช้ Time series แล้วกำหนด “จัดกลุ่มตาม” |
| เส้นหยักถี่จนอ่านยาก | เปลี่ยนช่วงเวลาย่อยให้ใหญ่ขึ้น |
| CSV ไม่แสดงผล | ตรวจว่ามีคอลัมน์เวลาและคอลัมน์ตัวเลข และทุกแถวมีจำนวนคอลัมน์เท่ากัน |