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

Thêm thanh trượt thời gian

Trong bài học trước, bạn đã tạo một hoạt ảnh hiển thị số lần phóng của từng quốc gia theo năm. Một thanh trượt là lựa chọn thay thế cho hoạt ảnh, cho phép bạn kiểm soát hoàn toàn phần câu chuyện muốn khám phá. Ví dụ, bạn có thể xem từ đầu đến cuối hoặc chỉ tập trung vào thập niên 1960. Trong bài tập này, nhiệm vụ của bạn là thêm một thanh trượt bên dưới biểu đồ đường về các lần phóng theo quốc gia.

plotly, crosstalk, dplyr, và bộ dữ liệu state_launches đã được nạp sẵn cho bạn.

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 nâng cao với plotly trong R

Xem khóa học

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

  • Tính số lần phóng theo state_code và launch_year, rồi chuyển kết quả thành một đối tượng SharedData. Lưu vào shared_launches.
  • Sử dụng shared_launches, tạo biểu đồ đường hiển thị số lần phóng (n) của từng quốc gia theo thời gian. Lưu biểu đồ này là launch_ts. Dùng màu để biểu diễn state_code.
  • Đặt một thanh trượt bên dưới biểu đồ để lọc các năm được hiển thị. Gán nhãn cho thanh trượt là "Year".

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 a SharedData object containing the number of launches by year and state
shared_launches <- state_launches %>%
  count(___, ___) %>%
  ___()

# Create a line chart displaying the launches by state
launch_ts <- ___ %>%
  ___(x = ___, y = ___, color = ___) %>%
  ___()  

# Add a slider below the chart to filter the years displayed
___(list(___,
    ___(id = "time", label = ___, 
        sharedData = ___, column = ___)
))
Chỉnh sửa và Chạy Mã