การเพิ่ม Div
กองทุนเฮดจ์ฟันด์กำลังมองหาโอกาสทางธุรกิจที่น่าสนใจในตลาดค้าปลีกออนไลน์ และได้ขอให้สร้างกราฟแสดงผลการดำเนินงานของราคาหุ้น Amazon ในช่วงไม่กี่ปีที่ผ่านมา พร้อมไฮไลต์วันที่ราคาอยู่เหนือค่าเฉลี่ยของช่วงเวลานั้น
ชุดข้อมูลย่อยจากชุดข้อมูล stocks ถูกสร้างขึ้นให้แล้ว โดยกรองเฉพาะหุ้น AMZN และจัดเก็บเป็นออบเจกต์ source ของ Bokeh จากนั้นให้สร้างกราฟเส้นที่มี Div และ BoxAnnotation แล้วแสดงผลด้วย layout
แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร
การสร้างภาพข้อมูลแบบอินเทอร์แอกทีฟด้วย Bokeh
คำแนะนำการฝึกหัด
- นำเข้า
layoutและDivจากคลาส Bokeh ที่เกี่ยวข้อง - เพิ่มหัวข้อ
"Amazon stock prices vs. average price over the period"ลงใน layout - แสดงผล Bokeh layout ที่มี
Divอยู่ด้านบน ตามด้วยfigureด้านล่าง
แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ
ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์
# Import modules
____
____
fig = figure(x_axis_label="Date", y_axis_label="Stock Price ($)")
fig.line(x="date", y="close", source=source, color="purple")
box = BoxAnnotation(bottom=amazon["close"].mean(), fill_color="green", fill_alpha=0.3)
fig.add_layout(box)
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")
# Create title
title = ____
output_file(filename="amazon_stocks.html")
# Display layout
____