Přidání prvku Div

Hedgeový fond hledá další velkou příležitost na trhu online obchodování. Požádali tě o vytvoření grafu, který zobrazí vývoj ceny akcií Amazonu za posledních několik let a zvýrazní data, kdy cena přesáhla průměr za dané období.

Byl pro tebe vytvořen výřez z datasetu stocks filtrující akcie AMZN, uložený jako Bokeh objekt source. Sestavíš spojnicový graf s prvkem Div a anotací BoxAnnotation, zobrazený pomocí layout.

Toto cvičení je součástí kurzu

Interaktivní vizualizace dat s Bokeh

Zobrazit kurz

Pokyny k cvičení

Importuj layout a Div z příslušných tříd Bokeh.
Přidej do layoutu název "Amazon stock prices vs. average price over the period".
Zobraz Bokeh layout tak, aby byl nejprve prvek Div a pod ním příslušný figure.

Interaktivní cvičení na vyzkoušení si v praxi

Vyzkoušejte si toto cvičení dokončením tohoto ukázkového kódu.

# 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
____

Upravit a spustit kód