Zaman içinde teknoloji hisselerinin performansı

Yatırım fonu, son birkaç yıldaki teknoloji hisselerindeki eğilimleri analiz etmek istiyor. Apple, IBM ve Netflix için hisse senedi fiyatlarını gösteren bir çizgi grafiği talep ettiler.

Ayrıca, görüntüledikleri dönemi ayarlayabilmeleri ve ilgi çekici aralıkları daha kolay görebilmeleri için bir DateRangeSlider istiyorlar.

Bir figure oluşturuldu ve çizgi glifleri eklendi. Ek olarak, earliest_date ve lowest_date, stocks["date"] sütunundaki en eski ve en yeni tarihler olarak önceden yüklendi.

Bu egzersiz, kursun bir parçasıdır

Bokeh ile Etkileşimli Veri Görselleştirme

Kursa Göz Atın

Egzersiz talimatları

DateRangeSlider'ı içe aktar.
DateRangeSlider() çağır: title için "Date", start ve end için earliest_date ve latest_date ata; value'u "2014, 6, 2", "2018, 2, 7" olarak ayarla ve widget ile her etkileşimde artış 1 gün olacak şekilde bir artış ekle.
.js_link()'i iki kez çağır; widget'ın "value" özniteliğini fig'in x_range'inin "Start" ve "End"'ine bağla ve her çağrıda öznitelik seçicisini sırasıyla 0 ve 1 olarak ayarla.
layout() çağırarak slider'ı fig'in üstünde göster.

Uygulamalı etkileşimli egzersiz

Bu egzersizi bu örnek kodu tamamlayarak deneyin.

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

Kodu Düzenle ve Çalıştır