Bắt đầu ngayBắt đầu miễn phí

Hiệu suất cổ phiếu công nghệ theo thời gian

Quỹ phòng hộ muốn phân tích xu hướng cổ phiếu công nghệ trong vài năm gần đây. Họ yêu cầu một biểu đồ đường hiển thị giá cổ phiếu của Apple, IBM và Netflix.

Họ cũng muốn có một DateRangeSlider để điều chỉnh khoảng thời gian đang xem, giúp dễ phát hiện các giai đoạn đáng chú ý.

Một figure đã được tạo và đã thêm các glyph dạng đường. Ngoài ra, earliest_date và lowest_date đã được nạp sẵn là ngày cũ nhất và mới nhất trong cột stocks["date"].

Bài tập này là một phần của khóa học

Trực quan hóa dữ liệu tương tác với Bokeh

Xem khóa học

Hướng dẫn bài tập

  • Import DateRangeSlider.
  • Gọi DateRangeSlider(), gán "Date" cho title, earliest_date và latest_date cho start và end, đặt value bằng "2014, 6, 2", "2018, 2, 7", và bao gồm bước tăng 1 ngày cho mỗi lần tương tác với widget.
  • Gọi .js_link() hai lần, liên kết "value" của widget tới "Start" và "End" của x_range của fig và đặt bộ chọn thuộc tính lần lượt là 0 và 1 trong mỗi lần gọi.
  • Gọi layout() để hiển thị slider phía trên fig.

Bài tập tương tác thực hành trực tiếp

Hãy thử làm bài tập này bằng cách hoàn thành đoạn mã mẫu này.

# 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(____(____, ____))
Chỉnh sửa và Chạy Mã