L-Flow›Visualizations›Area chart

Area chart

Area chart (พื้นที่) แสดงแนวโน้มของค่าเดียวตามเวลา ด้วยเส้นและพื้นที่แรเงาใต้เส้น เป็นกราฟตามเวลาที่ตั้งค่าน้อยที่สุด เหมาะเมื่อต้องการดูแนวโน้มโดยรวมแบบรวดเร็ว ไม่ต้องปรับแต่งรูปแบบเส้นหรือแยกหลายชุดข้อมูล

คำขอทั้งหมดข้อมูลตัวอย่าง · 24 ชั่วโมงล่าสุด
กราฟในหน้านี้ใช้ข้อมูลตัวอย่าง ไม่ใช่ข้อมูลจากบัญชีของคุณ

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

ใช้ Area chart เมื่อต้องการแสดง:

  • แนวโน้มโดยรวมของค่าเดียวตามเวลา เช่น จำนวนคำขอรวม หรือ bytes รวม
  • ภาพรวมที่อ่านง่ายในแดชบอร์ดที่มีหลายแผง โดยไม่ต้องตั้งค่าเพิ่มเติม
Note:หากต้องการแยกหลายชุดข้อมูล ปรับรูปแบบเส้น/แท่ง/จุด หรือควบคุมการซ้อนและช่องว่างของข้อมูล ให้ใช้ Time series แทน — Area chart ไม่รองรับการจัดกลุ่มเป็นหลายเส้น

สร้าง Area chart

สร้างกราฟจาก logs ที่อยู่ใน L-Flow ขั้นตอนต่อไปนี้ใช้ตัวช่วยสร้างในหน้าจอและไม่จำเป็นต้องเขียน query

  1. เปิดแดชบอร์ดไปที่ Workspace เปิดแดชบอร์ดที่ต้องการ แล้วเลือก เพิ่มแผง
  2. ตั้งชื่อแผงใช้ชื่อที่อธิบายข้อมูลและช่วงเวลา เช่น “คำขอทั้งหมดใน 24 ชั่วโมง”
  3. กำหนดข้อมูลที่จะใช้เลือก ค่าที่วัด และตั้งค่าตัวกรอง — Area chart แสดงได้หนึ่งค่าต่อแผง ไม่ต้องกำหนด “จัดกลุ่มตาม”
  4. เลือกช่วงเวลาย่อยตั้งค่า ช่วงเวลาย่อย เป็นอัตโนมัติหรือกำหนดขนาด bucket เอง (1 นาที – 1 วัน)
  5. เลือกประเภทกราฟตั้งค่า ประเภทกราฟ เป็น พื้นที่ แล้วตรวจผลลัพธ์ใน Live preview
  6. บันทึกแผงตรวจช่วงเวลา อุปกรณ์ต้นทาง และตัวเลือกการแสดงผล จากนั้นเลือก เพิ่มแผง
เปิด Workspace

รูปแบบข้อมูล

Area chart ต้องมีฟิลด์เวลาหนึ่งฟิลด์และค่าตัวเลขหนึ่งค่าต่อจุดเวลา — รองรับค่าเดียวต่อแผงเท่านั้น

TimeRequests
00:00320
02:00210
04:00180

ข้อมูลจาก 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 ไม่แสดงผลตรวจว่ามีคอลัมน์เวลาและคอลัมน์ตัวเลข และทุกแถวมีจำนวนคอลัมน์เท่ากัน