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

สินค้าที่ขายได้ตามช่วงเวลาของวัน

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

ได้มีการสร้างและโหลด figure fig ไว้ให้แล้ว รวมถึง HoverTool สำหรับแสดงช่วงเวลา ชื่อสินค้า และจำนวนสินค้าที่ขายได้

ในแบบฝึกหัดนี้ต้องเพิ่มชื่อให้กับคำอธิบายสัญลักษณ์เพื่อให้ผู้มีส่วนได้ส่วนเสียเข้าใจความหมาย ย้ายตำแหน่งคำอธิบายสัญลักษณ์เพื่อไม่ให้บดบังข้อมูล และตั้งค่าให้คลิกที่คำอธิบายสัญลักษณ์เพื่อซ่อนข้อมูลได้

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

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

ดูคอร์ส

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

  • เพิ่มชื่อให้กับคำอธิบายสัญลักษณ์โดยใช้ชื่อว่า "Time of Day"
  • ย้ายคำอธิบายสัญลักษณ์ไปที่มุมบนซ้าย
  • ทำให้คำอธิบายสัญลักษณ์โต้ตอบได้ โดยซ่อนข้อมูลตาม label เมื่อคลิก

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

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

fig = figure(x_axis_label="Count of Products Sold", y_axis_label="Sales", title="Bakery Product Sales", tooltips=TOOLTIPS)
fig.circle(x="count", y="sales", source=morning, line_color="red", size=12, fill_alpha=0.4, legend_label="Morning")
fig.circle(x="count", y="sales", source=afternoon, fill_color="purple", size=10, fill_alpha=0.6, legend_label="Afternoon")
fig.circle(x="count", y="sales", source=evening, fill_color="yellow", size=8, fill_alpha=0.6, legend_label="Evening")

# Add legend title
fig.____.____ = "____"

# Move the legend
fig.____.____ = "____"

# Make the legend interactive
fig.____.____ = "____"
fig.yaxis[0].formatter = NumeralTickFormatter(format="$0.00")
output_file("Sales_by_time_of_day")
show(fig)
แก้ไขและรันโค้ด