Các nút thời gian trên biểu đồ lượng mưa
Đài tin tức địa phương muốn cập nhật đồ họa cho mục thời tiết trên trang web. Họ đã liên hệ bạn để giúp làm mới các hình ảnh và bảng biểu cũ.
Họ yêu cầu một biểu đồ đường, nhưng có khả năng lọc dữ liệu cho 4 tuần gần nhất (4WTD), 48 giờ vừa qua (48HR), và từ đầu năm đến nay (YTD).
Trong bài này, bạn sẽ giúp đài tin tức xây dựng biểu đồ đường với các nút như yêu cầu.
Bạn có sẵn DataFrame rain chứa dữ liệu cần thiết.
Bài tập này là một phần của khóa học
Nhập môn Trực quan hóa Dữ liệu với Plotly trong Python
Hướng dẫn bài tập
- Tạo danh sách các nút như mô tả với các tên ghi ở trên.
- Cập nhật hình bằng
update_layout()để tạo các nút dựa trên danh sách bạn vừa tạo.
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.
# Create the buttons
date_buttons = [
{'count': ____, 'label': "____", 'step': "day", 'stepmode': "todate"},
{'count': ____, 'label': "____", 'step': "hour", 'stepmode': "todate"},
{'count': ____, 'label': "____", 'step': "year", 'stepmode': "todate"}]
# Create the line chart
fig = px.line(rain, x='Date', y='Rainfall',
title= "Rainfall (mm)")
# Add the buttons
fig.update_layout(dict(
xaxis=dict(
____=dict(buttons=____)
)))
fig.show()