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 merupakan bagian dari kursus

Visualisasi Data Interaktif dengan Bokeh

Lihat Kursus

Instruksi 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 langsung praktik

Cobalah latihan ini dengan melengkapi kode contoh ini.

# 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