Div を追加する
ヘッジファンドは、オンライン小売市場での次の成長株を探しています。期間中の平均を上回った日付を強調しながら、過去数年の Amazon の株価推移を可視化するプロットの作成を依頼されました。
stocks データセットから AMZN のみを抽出したサブセットが、Bokeh の source オブジェクトとして用意されています。Div と BoxAnnotation を含む折れ線プロットを作成し、layout を使って表示しましょう。
この演習はコースの一部です
Bokehで学ぶインタラクティブ・データビジュアライゼーション
演習の手順
- 関連する Bokeh クラスから
layoutとDivをインポートします。 - レイアウトに
"Amazon stock prices vs. average price over the period"というタイトルを追加します。 Divを含み、その下にfigureが続く Bokeh レイアウトを表示します。
実践的なインタラクティブ演習
このサンプルコードを完成させて、この演習に挑戦してみましょう。
# 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
____