สร้าง Dynamic Chart Tooltips ใน Excel: คู่มือทีละขั้นตอน

Tooltip คืออะไร?

Tooltip คือข้อความหรือบันทึกที่ปรากฏเมื่อวางเมาส์บนไอคอนหรือส่วนติดต่อกราฟิก ใน Excel สามารถวาง Chart Tooltip บนเซลล์ได้ เมื่อโฮเวอร์เมาส์เหนือเซลล์ที่เลือก จะเห็นแอนิเมชันของแผนภูมิเป็น Tooltip

ภาพรวมชุดข้อมูล

ใช้ชุดข้อมูล Area-wise Sales Reports (รายงานยอดขายตามพื้นที่) 6 เดือน

ขั้นตอนที่ 1 – ใส่ข้อมูลดิบ (Raw Data)

• ใส่ Raw Data สำหรับสร้าง Dynamic Chart ใช้ Area-Wise Sales Report 6 เดือน
• สร้าง Serial Number สำหรับคอลัมน์ Month (ดูภาพ)

• ในเซลล์ C11 ใส่สูตร:

=VLOOKUP($B$11,$B$4:$H$7,C$9,0)

โดย:

• $B$11 = Lookup Value (เช่น Area ที่เลือก)
• ฟังก์ชันค้นหาใน Table Array $B$4:$H$7
• ตั้ง col_index_num เป็นเซลล์ C$9 และ range_lookup = 0
• ดึง Sales value ตาม Area ที่เลือก

ค่า Sales ของ Florida ถูกเพิ่มเข้ามา หากเปลี่ยน Area ใน B11 ค่าจะเปลี่ยนตาม

ขั้นตอนที่ 2 – สร้างแผนภูมิ

• เลือกชุดข้อมูลทั้งหมด B10:H11
• ไปที่ Insert > Insert Column or Bar Chart > Clustered Column

• ปรับแต่งแผนภูมิ: เพิ่ม Axis Titles เลือก Style จาก Chart Styles

• เลือกเซลล์แผนภูมิ คลิก Merge & Center ใน Alignment แท็บ Home

ขั้นตอนที่ 3 – วางแผนภูมิเป็น Linked Picture

• คัดลอกแผนภูมิ (CTRL + C)
• ไปที่ แผ่นงานอื่น ที่ต้องการวาง Tooltip
• แท็บ Home > Paste dropdown > Linked Picture

• ตั้งชื่อรูปภาพว่า Tooltip

ขั้นตอนที่ 4 – เพิ่ม Labels

• แท็บ Developer > Insert dropdown > Label

• ตั้ง Label Area และ Sales ตามต้องการ

• คัดลอก Label 1 วางให้เซลล์อื่น

ขั้นตอนที่ 5 – ปรับแต่ง Labels

• เลือก Label ใดๆ ไปที่ Properties ใน Controls

• ปรับลักษณะ: เปลี่ยน Name, BackStyle = Transparent, Caption = ว่าง

Tooltip ควรจะคล้ายภาพด้านล่าง

• ทำซ้ำสำหรับ Labels อื่นๆ

อ่านเพิ่มเติม: วิธีแก้ไข Tooltip ใน Excel

ขั้นตอนที่ 6 – ใช้โค้ด VBA

• ออกจาก Design Mode ในกลุ่ม Controls
• ไปที่ Developer > Visual Basic

• ใน Visual Basic Editor เลือก Insert > Module สร้างโมดูลใหม่ (เช่น Module 1)

• ใส่ VBA Code ในโมดูลนี้:

Private Sub Florida_MouseMove(ByVal Button As Integer, ByVal Shift As Integer, ByVal X As Single, ByVal Y As Single)
    Sheets("Sheet1").Range("B11").Value = "Florida"
    Sheets("Sheet2").Shapes("Tooltip").Left = Sheets("Sheet2").Range("D5").Left
    Sheets("Sheet2").Shapes("Tooltip").Top = Sheets("Sheet2").Range("D5").Top
    Sheets("Sheet2").Shapes("Tooltip").Visible = True
End Sub

Private Sub Arizona_MouseMove(ByVal Button As Integer, ByVal Shift As Integer, ByVal X As Single, ByVal Y As Single)
    Sheets("Sheet1").Range("B11").Value = "Arizona"
    Sheets("Sheet2").Shapes("Tooltip").Left = Sheets("Sheet2").Range("D6").Left
    Sheets("Sheet2").Shapes("Tooltip").Top = Sheets("Sheet2").Range("D6").Top
    Sheets("Sheet2").Shapes("Tooltip").Visible = True
End Sub

Private Sub Chicago_MouseMove(ByVal Button As Integer, ByVal Shift As Integer, ByVal X As Single, ByVal Y As Single)
    Sheets("Sheet1").Range("B11").Value = "Chicago"
    Sheets("Sheet2").Shapes("Tooltip").Left = Sheets("Sheet2").Range("D7").Left
    Sheets("Sheet2").Shapes("Tooltip").Top = Sheets("Sheet2").Range("D7").Top
    Sheets("Sheet2").Shapes("Tooltip").Visible = True
End Sub

Private Sub Overall_MouseMove(ByVal Button As Integer, ByVal Shift As Integer, ByVal X As Single, ByVal Y As Single)
    Sheets("Sheet2").Shapes("Tooltip").Visible = False
End Sub

Code Breakdown

• MouseMove Event:
  • ใช้ Event MouseMove ทริกเกอร์เมื่อโฮเวอร์เมาส์เหนือ Labels
  • แต่ละ Area (Florida, Arizona, Chicago) มี Sub MouseMove แยก
  • โค้ดอัปเดตค่าในเซลล์ B11 (Sheet1) เป็นชื่อ Area
• การจัดตำแหน่ง Tooltip Image:
  • ใช้ Object Shapes ควบคุมรูป Tooltip (ชื่อ Tooltip)
  • Properties Left และ Top จัดตำแหน่ง Tooltip ให้อยู่ที่เซลล์เฉพาะ (D5, D6, D7) บน Sheet2
  • เมื่อโฮเวอร์ Area Tooltip จะมองเห็นได้
• Overall MouseMove:
  • Subroutine สุดท้าย Overall_MouseMove ซ่อน Tooltip เมื่อเมาส์เคลื่อนออกจาก Area ที่มี Label

• กด F5 รันโค้ด
• ไปที่ Sheet2 โฮเวอร์เมาส์ เหนือ Area เพื่อดู Tooltip ทำงาน

เพิ่ม GIF ช่วยเข้าใจการทำงานของ Tooltip

Practice Section

มีส่วนฝึกหัดด้านขวาของแต่ละชีท

ดาวน์โหลดสมุดงานฝึกหัด

ดาวน์โหลดไฟล์ฝึกหัดได้ที่นี่:

บทความเกี่ยวข้อง

• วิธีสร้าง Dynamic Tooltip ใน Excel
• วิธีลบ Tooltip ใน Excel
• วิธีแสดงเนื้อหาเซลล์เต็มเมื่อโฮเวอร์ใน Excel
• วิธีแทรก Excel Tooltip on Hover
• Excel Button Tooltip
• วิธีแสดง Tooltip on Mouseover ด้วย VBA ใน Excel

<< กลับไปยัง Excel Tooltip | Learn Excel

รับแบบฝึกหัด Excel ขั้นสูงพร้อมเฉลยฟรี!