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

Thêm một Div

Quỹ phòng hộ đang tìm kiếm xu hướng lớn tiếp theo trong thị trường bán lẻ trực tuyến. Họ yêu cầu bạn tạo một biểu đồ trực quan hóa hiệu suất giá cổ phiếu của Amazon trong vài năm gần đây, làm nổi bật những ngày mà giá cao hơn mức trung bình của giai đoạn.

Một phần con của bộ dữ liệu stocks đã được tạo sẵn cho bạn, lọc theo cổ phiếu AMZN, và được lưu dưới dạng một đối tượng source của Bokeh. Bạn sẽ xây dựng một biểu đồ đường bao gồm Div và BoxAnnotation, và hiển thị bằng layout.

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 layout và Div từ các lớp Bokeh tương ứng.
  • Thêm tiêu đề "Amazon stock prices vs. average price over the period" vào layout.
  • Hiển thị layout của Bokeh chứa Div, sau đó là figure ở bên dưới.

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 modules
____
____
fig = figure(x_axis_label="Date", y_axis_label="Stock Price ($)")
fig.line(x="date", y="close", source=source, color="purple")
box = BoxAnnotation(bottom=amazon["close"].mean(), fill_color="green", fill_alpha=0.3)
fig.add_layout(box)
fig.xaxis[0].formatter = DatetimeTickFormatter(months="%b %Y")

# Create title
title = ____
output_file(filename="amazon_stocks.html")

# Display layout
____
Chỉnh sửa và Chạy Mã