Ein Div hinzufügen

Der Hedgefonds sucht nach dem nächsten großen Ding im Onlinehandel. Er hat dich gebeten, ein Diagramm zu erstellen, das die Kursentwicklung der Amazon-Aktie in den letzten Jahren visualisiert und die Daten hervorhebt, an denen der Kurs über dem Durchschnitt des betrachteten Zeitraums lag.

Ein Teil des stocks-Datensatzes wurde für dich vorbereitet, gefiltert auf AMZN-Aktien, und als Bokeh-Objekt source gespeichert. Du erstellst ein Liniendiagramm, das ein Div und eine BoxAnnotation enthält, und zeigst es mit layout an.

Diese Übung ist Teil des Kurses

<Kurs>Interaktive Datenvisualisierung mit Bokeh</Kurs>

Kurs ansehen

Übungsanweisungen

Importiere layout und Div aus den entsprechenden Bokeh-Klassen.
Füge dem Layout den Titel "Amazon stock prices vs. average price over the period" hinzu.
Zeige das Bokeh-Layout an, das zuerst das Div enthält und darunter die figure.

Interaktive praktische Übung

Versuche dich an dieser Übung, indem du diesen Beispielcode vervollständigst.

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

Code bearbeiten und ausführen