Bar chart

Bar chart ใช้แท่งสี่เหลี่ยมเพื่อเปรียบเทียบค่าระหว่างหมวดหมู่ ความยาวของแท่งแสดงขนาดของค่า ใช้กราฟชนิดนี้เมื่อต้องการดูว่ารายการใดมีค่ามากหรือน้อยกว่ารายการอื่น

การใช้งานแอปพลิเคชันข้อมูลตัวอย่าง · 24 ชั่วโมงล่าสุด

จำนวนการใช้งาน

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

ตัวอย่างด้านบนแสดงจำนวนการใช้งานแยกตามแอปพลิเคชัน ทำให้เห็นได้ทันทีว่า Web browsing มีการใช้งานมากที่สุด วางเมาส์บนแท่งเพื่อดูค่าที่แน่นอน

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

จำนวนเหตุการณ์แยกตามอุปกรณ์ แอปพลิเคชัน ประเทศ หรือผู้ใช้
รายการที่มีค่าสูงสุดหรือต่ำสุด เช่น Top 10
ผลรวม ค่าเฉลี่ย ค่าต่ำสุด หรือค่าสูงสุดของแต่ละหมวดหมู่
หลายค่าภายในหมวดเดียวกัน เช่น สำเร็จ ตอบสนองช้า และผิดพลาด

Note:หากต้องการดูแนวโน้มต่อเนื่องที่มีหลายช่วงเวลา ให้ใช้ Time series หรือ Area chart แทน หากต้องการแสดงค่าเดียว ให้ใช้ Stat หรือ Gauge

สร้าง Bar chart

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

เปิดแดชบอร์ดไปที่ Workspace เปิดแดชบอร์ดที่ต้องการ แล้วเลือก เพิ่มแผง
ตั้งชื่อแผงใช้ชื่อที่อธิบายข้อมูลและช่วงเวลา เช่น “แอปที่มีการใช้งานสูงสุดใน 24 ชั่วโมง”
เลือกแหล่งข้อมูลเลือก ค้นหาจากบันทึก สำหรับข้อมูลใน L-Flow หรือ CSV สำหรับข้อมูลตารางที่วางเอง
กำหนดข้อมูลที่จะใช้สำหรับ logs ให้กำหนดตัวกรอง เลือก ค่าที่วัด และ จัดกลุ่มตาม สำหรับ CSV ให้เลือกคอลัมน์หมวดหมู่และคอลัมน์ตัวเลข
เลือกประเภทกราฟตั้งค่า ประเภทกราฟ เป็น แท่ง แล้วตรวจผลลัพธ์ใน Live preview
บันทึกแผงตรวจช่วงเวลา อุปกรณ์ต้นทาง และตัวเลือกการแสดงผล จากนั้นเลือก เพิ่มแผง

เปิด Workspace

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

Bar chart ต้องมีฟิลด์หมวดหมู่หนึ่งฟิลด์และค่าตัวเลขอย่างน้อยหนึ่งค่า ฟิลด์หมวดหมู่ใช้เป็นป้ายกำกับ ส่วนตัวเลขกำหนดความยาวของแท่ง

Application	Requests
Web browsing	1840
Microsoft 365	1320
Email	920

ข้อมูลจาก Logs

เลือกวิธีคำนวณใน ค่าที่วัด แล้วเลือกฟิลด์หมวดหมู่ใน จัดกลุ่มตามตัวอย่างเช่น เลือก “นับจำนวน” และจัดกลุ่มตาม network.application เพื่อดูจำนวนการใช้งานของแต่ละแอป

ข้อมูลจาก CSV

CSV ต้องมีชื่อคอลัมน์ในแถวแรก คอลัมน์ค่าต้องมีเฉพาะตัวเลข:

application,requests
Web browsing,1840
Microsoft 365,1320
Email,920

เลือกทิศทางของกราฟ

แนวตั้ง

ใช้กราฟแนวตั้งเมื่อมีหมวดหมู่ไม่มากและชื่อค่อนข้างสั้น เหมาะสำหรับเปรียบเทียบข้อมูลตามวัน เดือน สถานะ หรือชื่อแอปพลิเคชัน

แนวนอน

ใช้กราฟแนวนอนเมื่อชื่อหมวดหมู่ยาวหรือเมื่อต้องการแสดงรายการจัดอันดับจากมากไปน้อย

จำนวนเหตุการณ์

ชื่ออุปกรณ์ยาวจึงอ่านได้ชัดเจนกว่าเมื่อใช้แท่งแนวนอน

แสดงหลายค่าด้วยการซ้อนแท่ง

ใช้การซ้อนแท่งเมื่อแต่ละหมวดมีค่ามากกว่าหนึ่งชุด เช่น สถานะของคำขอในแต่ละวัน สีของแต่ละชุดอธิบายไว้ใน Legend

สำเร็จตอบสนองช้าผิดพลาด

จำนวนจริงแสดงทั้งยอดรวมและจำนวนของแต่ละสถานะ

ตัวเลือกการแสดงผล

ตารางต่อไปนี้แสดงค่าที่เลือกได้จริงในตัวแก้ไขแผง ค่าเริ่มต้นจะมีป้ายกำกับกำกับไว้

Bar options

ตัวเลือก	คำอธิบายและค่าที่เลือกได้
ทิศทางแท่งกราฟ	กำหนดทิศทางของแกนหมวดหมู่และแท่ง อัตโนมัติค่าเริ่มต้น — ระบบเลือกตามพื้นที่แผง แนวนอน — แสดงชื่อหมวดหมู่ทางซ้ายและให้แท่งยื่นไปทางขวา แนวตั้ง — แสดงชื่อหมวดหมู่ด้านล่างและให้แท่งสูงขึ้นด้านบน
หมุนป้ายชื่อแกน X	หมุนชื่อหมวดหมู่เมื่อใช้กราฟแนวตั้งและชื่อเริ่มซ้อนกัน ปิดค่าเริ่มต้น — แสดงป้ายชื่อในแนวนอน เปิด — เอียงป้ายชื่อเพื่อให้ชื่อยาววางได้มากขึ้น
ความยาวสูงสุดของป้ายชื่อ	ตัดชื่อที่ยาวเกินและเติม … อัตโนมัติค่าเริ่มต้น — ไม่ตัดตามจำนวนอักษร 1–40 ตัวอักษร — ตัดชื่อเมื่อยาวเกินจำนวนที่กำหนดและเติม …
ระยะห่างขั้นต่ำของป้ายชื่อ	เว้นระยะระหว่างป้ายชื่อแกน X เพื่อลดข้อความซ้อนกัน ไม่กำหนดค่าเริ่มต้น — แสดงป้ายชื่อทุกหมวดหมู่ น้อย — เว้นระยะเล็กน้อยและซ่อนบางป้ายเมื่อพื้นที่ไม่พอ ปานกลาง — เว้นระยะเพิ่มขึ้นเพื่อให้อ่านชื่อได้ชัดเจน มาก — เว้นระยะกว้างที่สุดและแสดงป้ายชื่อน้อยลง
เว้นระยะจากด้านขวา (RTL)	เปลี่ยนทิศทางการคำนวณระยะป้ายสำหรับข้อความแบบขวาไปซ้าย ปิดค่าเริ่มต้น — คำนวณระยะป้ายจากซ้ายไปขวา เปิด — คำนวณระยะป้ายจากขวาไปซ้ายสำหรับภาษา RTL
แสดงตัวเลขค่า	ควบคุมตัวเลขที่แสดงบนหรือข้างแท่ง อัตโนมัติค่าเริ่มต้น — แสดงเมื่อมีพื้นที่ แสดงเสมอ — แสดงตัวเลขบนทุกแท่งแม้พื้นที่จะแคบ ไม่แสดง — ไม่แสดงตัวเลขบนแท่ง; ดูค่าได้จาก tooltip
การซ้อนแท่ง	ใช้เมื่อกำหนดฟิลด์ “แยกย่อยตาม” ปิดค่าเริ่มต้น — วางหลาย series แยกกัน ปกติ — ซ้อนด้วยค่าจริง 100% — ทุกแท่งสูงเท่ากันและแสดงสัดส่วน
ความกว้างกลุ่ม	กำหนดพื้นที่ของกลุ่มเมื่อมีหลาย series และไม่ได้ซ้อนแท่ง 0.10–1.00 — ค่าน้อยทำให้กลุ่มแคบลง; ค่ามากทำให้กลุ่มกว้างขึ้น (ค่าเริ่มต้น 0.70)
ความหนาของแท่ง	กำหนดความหนาของแท่งภายในพื้นที่ที่มี 0.10–1.00 — ค่าน้อยทำให้แท่งบางลง; ค่ามากทำให้แท่งหนาขึ้น (ค่าเริ่มต้น 0.85)
มุมโค้งของแท่ง	0 คือมุมเหลี่ยม; ค่าสูงขึ้นทำให้ปลายแท่งโค้งขึ้น 0.00–0.50 — 0 เป็นมุมเหลี่ยม; 0.50 ทำให้ปลายแท่งโค้งที่สุด (ค่าเริ่มต้น 0.15)
ไฮไลต์เมื่อ hover	ไฮไลต์พื้นที่เต็มแนวของแท่งเมื่อชี้เมาส์ ใช้ได้เมื่อไม่ซ้อนแท่ง ปิดค่าเริ่มต้น — ไฮไลต์เฉพาะตัวแท่ง เปิด — ไฮไลต์พื้นที่เต็มแนวของแท่งที่ชี้
จำนวนแท่งที่แสดง	จำกัดจำนวนหมวดหมู่สูงสุดที่แสดง 1–20 — แสดงเฉพาะจำนวนหมวดหมู่สูงสุดที่กำหนด (ค่าเริ่มต้น 10)
ความหนาเส้น	เพิ่มเส้นขอบรอบแท่ง 0–10 px — 0 ไม่มีเส้นขอบ; ค่าสูงขึ้นทำให้เส้นขอบหนาขึ้น (ค่าเริ่มต้น 0)
ความทึบของพื้นที่	กำหนดความทึบของสีภายในแท่ง 0–100% — 0% โปร่งใส; 100% ทึบเต็มที่ (ค่าเริ่มต้น 100%)
ขนาดข้อความค่า	กำหนดขนาดตัวเลขที่แสดงบนแท่ง 8–32 px — กำหนดขนาดตัวเลขบนแท่ง (ค่าเริ่มต้น 10 px)

Color options

ตัวเลือก	คำอธิบายและค่าที่เลือกได้
การไล่ระดับ	กำหนดวิธีไล่สีภายในแท่ง ไม่มีค่าเริ่มต้น — ใช้สีเรียบตลอดทั้งแท่ง ความทึบ — ไล่จากสีโปร่งไปยังสีทึบ เฉดสี — ไล่ความสว่างหรือเฉดของสีเดียวกัน ชุดสี — ไล่สีโดยใช้สีจาก palette ของกราฟ
แหล่งสี	ใช้ได้เมื่อการไล่ระดับไม่ได้ตั้งเป็น “ชุดสี” Classic paletteค่าเริ่มต้น — แยกสีตาม series สีคงที่ — ใช้สีเดียวที่เลือก
กำหนดสีตามฟิลด์	ใช้ค่าจากฟิลด์เพื่อเลือกสีของแต่ละแท่ง ไม่กำหนดค่าเริ่มต้น — ใช้สีจากแหล่งสีที่เลือก ฟิลด์ใดก็ได้ที่รองรับการจัดกลุ่ม — เลือกสีแยกตามค่าของฟิลด์นั้น

ตัวเลือก	คำอธิบายและค่าที่เลือกได้
แสดง Tooltip	เปิดหรือปิดรายละเอียดเมื่อชี้เมาส์ เปิดค่าเริ่มต้น — แสดงรายละเอียดเมื่อชี้เมาส์บนแท่ง ปิด — ไม่แสดงรายละเอียดเมื่อชี้เมาส์
โหมด Tooltip	กำหนดจำนวนค่าที่แสดงใน tooltip เดี่ยว — แสดงเฉพาะแท่งที่ชี้ ทั้งหมดค่าเริ่มต้น — แสดงทุก series ในหมวดนั้น
เรียงค่า	ใช้กับโหมดทั้งหมดเมื่อกราฟมีฟิลด์แยกย่อย ไม่เรียงค่าเริ่มต้น — คงลำดับเดิมของ series มากไปน้อย — วางค่ามากที่สุดไว้ด้านบน น้อยไปมาก — วางค่าน้อยที่สุดไว้ด้านบน
ซ่อนค่าศูนย์	นำ series ที่มีค่า 0 ออกจาก tooltip ปิดค่าเริ่มต้น — แสดง series ที่มีค่า 0 ใน tooltip เปิด — ซ่อน series ที่มีค่า 0 จาก tooltip
ขนาดสูงสุด	จำกัดขนาด tooltip ก่อนเริ่มเลื่อนเนื้อหาภายใน ความกว้าง 120–1000 px — ค่าเริ่มต้น 360 px ความสูง 80–1200 px — ค่าเริ่มต้น 600 px

Legend options

ตัวเลือก	คำอธิบายและค่าที่เลือกได้
แสดง Legend	แสดงหรือซ่อนชื่อและสีของ series เปิดค่าเริ่มต้น — แสดงชื่อและสีของ series ปิด — ซ่อน Legend เพื่อเพิ่มพื้นที่ให้กราฟ
ตำแหน่ง	วาง Legend ใต้กราฟหรือด้านข้าง ด้านล่างค่าเริ่มต้น — วาง Legend ใต้พื้นที่กราฟ ด้านขวา — วาง Legend ทางขวาของพื้นที่กราฟ
โหมด	โหมดตารางสามารถแสดงค่าสรุปเพิ่มเติมได้ รายการค่าเริ่มต้น — แสดงสีและชื่อแบบรายการขนาดกะทัดรัด ตาราง — แสดงชื่อพร้อมค่าสรุปเป็นคอลัมน์
ความกว้าง	ใช้เมื่อวาง Legend ด้านขวา 100–500 px — กำหนดพื้นที่แนวนอนของ Legend ด้านขวา (ค่าเริ่มต้น 180 px)
จำนวนรายการ	จำกัดจำนวน series ที่แสดงก่อนปุ่มดูเพิ่มเติม 1–100 — แสดงรายการไม่เกินจำนวนนี้ก่อนใช้ปุ่มดูเพิ่มเติม (ค่าเริ่มต้น 10)
ชื่อที่ยาวเกิน	ใช้กับ Legend ด้านขวาในโหมดตาราง … (ตัดข้อความ)ค่าเริ่มต้น — ตัดชื่อที่ยาวเกินพื้นที่และเติม … ขึ้นบรรทัดใหม่ — แสดงชื่อเต็มโดยต่อข้อความในบรรทัดถัดไป
ค่าที่แสดง	เลือกได้หลายค่าเพื่อเพิ่มคอลัมน์สรุปใน Legend ไม่เลือกค่าเริ่มต้น — แสดงเฉพาะชื่อและสีของ series ต่ำสุด — แสดงค่าที่ต่ำที่สุดของ series สูงสุด — แสดงค่าที่สูงที่สุดของ series ค่าเฉลี่ย — แสดงค่าเฉลี่ยของ series ผลรวม — แสดงผลรวมทุกค่าของ series

Axis options

ตัวเลือก	คำอธิบายและค่าที่เลือกได้
ตำแหน่ง	กำหนดตำแหน่งของแกนตัวเลข อัตโนมัติค่าเริ่มต้น — ระบบวางแกนตามทิศทางของกราฟ ซ้าย — วางแกนตัวเลขทางซ้าย ขวา — วางแกนตัวเลขทางขวา ซ่อน — ไม่แสดงแกนและป้ายค่าของแกน
ความกว้าง	สำรองพื้นที่สำหรับป้ายค่าบนแกน อัตโนมัติค่าเริ่มต้น — ระบบจัดพื้นที่ตามความยาวของป้ายค่า 24–300 px — กำหนดความกว้างของพื้นที่แกนเอง
เส้นกริด	แสดงเส้นอ้างอิงจากค่าบนแกนผ่านพื้นที่กราฟ อัตโนมัติค่าเริ่มต้น — ใช้ค่าการแสดงเส้นกริดหลักของแผง เปิด — แสดงเส้นกริดเสมอ ปิด — ซ่อนเส้นกริดเสมอ
สีแกน	กำหนดสีของแกนและป้ายค่า ข้อความค่าเริ่มต้น — ใช้สีข้อความของธีม ชุดข้อมูล — ใช้สีของ series
เส้นขอบแกน	แสดงเส้นหลักที่ขอบแกน ปิดค่าเริ่มต้น — ไม่แสดงเส้นหลักที่ขอบแกน เปิด — แสดงเส้นหลักเพื่อแยกแกนออกจากพื้นที่กราฟ
มาตราส่วน	ใช้ Symlog เมื่อข้อมูลมีทั้งค่าบวก ค่าลบ และศูนย์ Linearค่าเริ่มต้น — ระยะเท่ากันบนแกนหมายถึงค่าที่เพิ่มขึ้นเท่ากัน Logarithmic base 2 — แต่ละช่วงเพิ่มเป็นสองเท่า; ใช้กับค่าบวกที่ต่างกันมาก Logarithmic base 10 — แต่ละช่วงเพิ่มสิบเท่า; ใช้กับค่าบวกที่ต่างกันหลายหลัก Symlog base 2 — คล้าย Log base 2 แต่รองรับค่าลบและศูนย์ Symlog base 10 — คล้าย Log base 10 แต่รองรับค่าลบและศูนย์
จัดศูนย์ไว้กึ่งกลาง	ทำให้ช่วงค่าบวกและลบรอบศูนย์สมมาตรกัน ปิดค่าเริ่มต้น — ระบบเลือกช่วงแกนตามค่าต่ำสุดและสูงสุด เปิด — ใช้ช่วงค่าบวกและค่าลบที่กว้างเท่ากันรอบศูนย์
ป้ายชื่อแกน	ระบุชื่อหรือหน่วยของแกน ว่างค่าเริ่มต้น — ไม่แสดงชื่อหรือหน่วยของแกน ข้อความสูงสุด 60 ตัวอักษร — แสดงชื่อหรือหน่วยกำกับแกน
Min / Max	บังคับขอบเขตต่ำสุดและสูงสุดของแกน อัตโนมัติค่าเริ่มต้น — ระบบกำหนดขอบเขตจากข้อมูล ตัวเลข — บังคับให้แกนเริ่มและจบที่ค่าที่ระบุ
Soft min / Soft max	แนะนำขอบเขตของแกน แต่ยังขยายได้เมื่อข้อมูลเกินค่า อัตโนมัติค่าเริ่มต้น — ระบบกำหนดขอบเขตจากข้อมูล ตัวเลข — แนะนำขอบเขต แต่ระบบยังขยายแกนได้เมื่อข้อมูลเกินค่า

แนวทางการใช้งาน

ตั้งชื่อแผงให้ระบุข้อมูลและช่วงเวลาที่แสดง
เรียงค่าจากมากไปน้อยเมื่อกราฟใช้แสดงอันดับ
จำกัดจำนวนแท่งเพื่อให้ชื่อและค่าไม่ซ้อนกัน
ใช้สีเดียวกันสำหรับความหมายเดียวกันในทุกแผง
ระบุหน่วยให้ชัดเจน เช่น ครั้ง, bytes, milliseconds หรือเปอร์เซ็นต์
อย่าสรุปว่าค่าสูงผิดปกติโดยไม่เปรียบเทียบช่วงเวลาและพฤติกรรมปกติ

การแก้ปัญหา

ปัญหา	วิธีตรวจสอบ
ไม่พบข้อมูล	ตรวจช่วงเวลา อุปกรณ์ต้นทาง และตัวกรอง แล้วลองลดเงื่อนไขทีละข้อ
ชื่อหมวดหมู่อ่านไม่ครบ	เปลี่ยนเป็นแนวนอนหรือลดจำนวนแท่ง
แท่งเล็กจนมองไม่เห็น	ลดจำนวนรายการ หรือใช้ Log scale หากค่าต่างกันหลายหลัก
กราฟมีสีมากเกินไป	ลดฟิลด์แยกย่อย ปิดการซ้อน หรือจำกัดจำนวน series
CSV ไม่แสดงผล	ตรวจว่าคอลัมน์ค่ามีเฉพาะตัวเลขและทุกแถวมีจำนวนคอลัมน์เท่ากัน