Kinerja saham teknologi dari waktu ke waktu

Hedge fund ingin menganalisis tren saham teknologi selama beberapa tahun terakhir. Mereka meminta plot garis yang menampilkan harga saham Apple, IBM, dan Netflix.

Mereka juga menginginkan DateRangeSlider agar dapat menyesuaikan periode yang ditampilkan, sehingga lebih mudah menemukan periode yang menarik.

Sebuah figure telah dibuat, dengan glyph garis telah ditambahkan. Selain itu, earliest_date dan lowest_date telah dimuat sebelumnya sebagai tanggal tertua dan terbaru di kolom stocks["date"].

Latihan ini adalah bagian dari kursus

Visualisasi Data Interaktif dengan Bokeh

Lihat Kursus

Petunjuk latihan

Impor DateRangeSlider.
Panggil DateRangeSlider(), tetapkan "Date" ke title, earliest_date dan latest_date ke start dan end, atur value sama dengan "2014, 6, 2", "2018, 2, 7", dan sertakan kenaikan 1 hari per interaksi dengan widget.
Panggil .js_link() dua kali, tautkan "value" milik widget ke "Start" dan "End" dari x_range milik fig dan tetapkan pemilih atribut ke 0 dan 1 pada setiap pemanggilan secara berurutan.
Panggil layout() untuk menampilkan slider di atas fig.

Latihan interaktif praktis

Cobalah latihan ini dengan menyelesaikan kode contoh berikut.

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

Edit dan Jalankan Kode