Wyniki akcji spółek technologicznych w czasie

Fundusz hedgingowy chciałby przeanalizować trendy w akcjach spółek technologicznych na przestrzeni ostatnich kilku lat. Poproszono o wykres liniowy przedstawiający ceny akcji Apple, IBM i Netflixa.

Fundusz chciałby również mieć dostęp do DateRangeSlider, aby móc dostosować analizowany okres i łatwiej identyfikować interesujące przedziały czasowe.

Figura została już utworzona, a glify liniowe zostały dodane. Ponadto zmienne earliest_date i latest_date zostały wstępnie załadowane jako odpowiednio najstarsza i najnowsza data w kolumnie stocks["date"].

To ćwiczenie jest częścią kursu

Interaktywna wizualizacja danych z Bokeh

Zobacz kurs

Instrukcje do ćwiczenia

Zaimportuj DateRangeSlider.
Wywołaj DateRangeSlider(), przypisując "Date" do title, earliest_date i latest_date do start i end, ustawiając value równe "2014, 6, 2", "2018, 2, 7" oraz dodając przyrost 1 dnia na każdą interakcję z widżetem.
Wywołaj .js_link() dwukrotnie, łącząc "value" widżetu z "Start" i "End" zakresu x_range figury fig oraz ustawiając selektor atrybutu odpowiednio na 0 i 1 w każdym wywołaniu.
Wywołaj layout(), aby wyświetlić slider powyżej fig.

Interaktywne ćwiczenie praktyczne

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

# Import widget
____
earliest_date = stocks["date"].min()
latest_date = stocks["date"].max()
fig.line(apple["date"], apple["close"], color="green", legend_label="Apple")
fig.line(netflix["date"], netflix["close"], color="red", legend_label="Netflix")
fig.line(ibm["date"], ibm["close"], color="purple", legend_label="IBM")
fig.legend.location = "top_left"

# Create DateRangeSlider
slider = DateRangeSlider(title="____", start=____, end=____, 
                         value=("____", "____"), step=____)

# Link DateRangeSlider values to figure
slider.____("____", ____.____, "____", attr_selector=____)
slider.____("____", ____.____, "____", attr_selector=____)

# Create layout and display plot
output_file(filename="stock_price_over_time.html")
show(____(____, ____))

Edytuj i uruchom kod