Zacznij terazZacznij za darmo

Dodawanie elementu Div

Fundusz hedgingowy poszukuje kolejnej przełomowej spółki na rynku handlu online. Poproszono cię o stworzenie wykresu pokazującego wyniki cen akcji Amazona na przestrzeni ostatnich kilku lat, z wyróżnieniem dat, kiedy cena była powyżej średniej dla tego okresu.

Przygotowano dla ciebie podzbiór zbioru danych stocks, przefiltrowany dla akcji AMZN i zapisany jako obiekt Bokeh source. Zbudujesz wykres liniowy zawierający element Div oraz BoxAnnotation, wyświetlany za pomocą layout.

To ćwiczenie jest częścią kursu

Interaktywna wizualizacja danych z Bokeh

Zobacz kurs

Instrukcje do ćwiczenia

  • Zaimportuj layout i Div z odpowiednich klas Bokeh.
  • Dodaj tytuł "Amazon stock prices vs. average price over the period" do układu.
  • Wyświetl układ Bokeh zawierający element Div, a poniżej niego figure.

Interaktywne ćwiczenie praktyczne

Spróbuj tego ćwiczenia, uzupełniając ten przykładowy kod.

# 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
____
Edytuj i uruchom kod