加入 Div
這家避險基金正在尋找線上零售市場的下一個亮點。他們請你製作一個圖表，視覺化 Amazon 過去幾年的股價表現，並標示出在該期間內股價高於平均值的日期。
我們已為你建立 stocks 資料集的子集，過濾出 AMZN 的股票，並將其儲存為 Bokeh 的 source 物件。你將建立一個折線圖，加入 Div 與 BoxAnnotation，並使用 layout 顯示。
本練習屬於課程
使用 Bokeh 製作互動式資料視覺化
練習說明
- 從相關的 Bokeh 類別匯入
layout與Div。 - 在版面配置中加入標題：
"Amazon stock prices vs. average price over the period"。 - 顯示包含
Div的 Bokeh 版面，並在其下方放上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
____