เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

การเพิ่ม HoverTool

เอเจนซีกำลังจัดทำบล็อกเกี่ยวกับประสิทธิภาพการเล่นบาสเกตบอลแยกตามตำแหน่ง โดยต้องการเน้นไปที่สถิติ assists และ steals พร้อมให้ผู้ชมสามารถ hover เมาส์บน glyph เพื่อดูชื่อผู้เล่น ตำแหน่งที่เล่น และทีมที่สังกัดได้

ในแบบฝึกหัดนี้ จะแปลงชุดข้อมูล nba ที่โหลดไว้ล่วงหน้าแล้วให้เป็น Bokeh source object จากนั้นเพิ่ม tooltips ลงในกราฟ

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh

ดูคอร์ส

คำแนะนำการฝึกหัด

  • Import ColumnDataSource
  • สร้าง source จาก DataFrame nba
  • เพิ่ม label ชื่อ "Position" และ "Team" ตามลำดับ ลงใน TOOLTIPS โดยอ้างอิงจากคอลัมน์ที่เกี่ยวข้องใน source แล้วเพิ่ม TOOLTIPS เข้าไปในกราฟ
  • เพิ่ม circle glyphs โดยกำหนด "assists" บนแกน x และ "steals" บนแกน y พร้อมระบุ argument source ให้ครบถ้วน

แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ

ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์

# Import ColumnDataSource
from ____.____ import ____

# Create source
source = ____(data=____)

# Create TOOLTIPS and add to figure
TOOLTIPS = [("Name", "@player"), ("____", "____"), ("____", "____")]
fig = figure(x_axis_label="Assists", y_axis_label="Steals", tooltips=____)

# Add circle glyphs
fig.circle(x="____", y="____", source=____)
output_file(filename="first_tooltips.html")
show(fig)
แก้ไขและรันโค้ด