Tech-aktiers utveckling över tid

Hedgefonden vill analysera trender för tech-aktier under de senaste åren. De har bett om ett linjediagram som visar aktiekurser för Apple, IBM och Netflix.

De vill också ha ett DateRangeSlider så att de kan justera den period de tittar på, vilket gör det enklare att identifiera intressanta perioder.

Ett diagram har skapats med linjeglyfar tillagda. Dessutom har earliest_date och latest_date förinsatts som det äldsta respektive nyaste datumet i kolumnen stocks["date"].

Den här övningen är en del av kursen

Interaktiv datavisualisering med Bokeh

Visa kurs

Övningsinstruktioner

Importera DateRangeSlider.
Anropa DateRangeSlider() och tilldela "Date" till title, earliest_date och latest_date till start och end, sätt value till "2014, 6, 2", "2018, 2, 7" och inkludera ett steg på 1 dag per interaktion med widgeten.
Anropa .js_link() två gånger och länka widgetens "value" till "Start" och "End" för fig:s x_range, och sätt attributväljaren till 0 respektive 1 i varje anrop.
Anropa layout() för att visa slider ovanför fig.

Interaktiv övning med praktiskt arbete

Testa den här övningen genom att slutföra den här exempelkoden.

# 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(____(____, ____))

Redigera och kör kod