สินค้าที่ขายได้ตามช่วงเวลาของวัน
ร้านเบเกอรีต้องการดูว่ามีสินค้าถูกขายไปเท่าไรในแต่ละช่วงเวลาของวัน
ได้มีการสร้างและโหลด 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)