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

Thêm một thanh trượt

Bộ lọc thanh trượt giúp bạn dễ dàng cập nhật các giá trị dữ liệu được vẽ bằng cách giới hạn một biến số vào một khoảng cụ thể. Trong bài tập này, nhiệm vụ của bạn là thêm hai bộ lọc thanh trượt cho biểu đồ phân tán giữa chỉ số giá nhà và tỷ lệ sở hữu nhà năm 2017: một cho mỗi trục.

plotlycrosstalk đã được nạp sẵn, và dữ liệu nằm trong us2017.

Lưu ý: Bạn có thể cần cuộn xuống hoặc bật cửa sổ HTML Viewer ra ngoài để thấy các thanh trượt.

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 hai bộ lọc thanh trượt bên dưới biểu đồ phân tán được lưu trong p17. Thanh trượt đầu tiên tương ứng với chỉ số giá nhà (house_price), và thanh trượt thứ hai tương ứng với phần trăm sở hữu nhà (home_owners).
  • Thêm nhãn cho các thanh trượt trùng với tiêu đề trục trong p17, "HPI""Home ownership (%)".

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.

shared_us <- SharedData$new(us2017)
p17 <- shared_us %>%
  plot_ly(x = ~home_owners, y = ~house_price, 
          color = ~region, height = 400) %>%
  add_markers() %>%
  layout(xaxis = list(title = "Home ownership (%)"), 
         yaxis = list(title = "HPI"))
  
# add a slider filter for each axis below the scatterplot
___(
  ___(p17,
      ___(id = "price",  label = ___,  sharedData = ___,  column = ___),
      ___(id = "owners",  label = ___,  sharedData = ___, column = ___)
  )
)
Chỉnh sửa và Chạy Mã