เริ่มต้นใช้งานเริ่มต้นใช้งานได้ฟรี

การเพิ่มสไลเดอร์

ตัวกรองแบบสไลเดอร์ช่วยให้อัปเดตค่าข้อมูลที่แสดงบนกราฟได้ง่าย โดยจำกัดตัวแปรตัวเลขให้อยู่ในช่วงที่กำหนด ในแบบฝึกหัดนี้ ให้เพิ่มตัวกรองแบบสไลเดอร์สองตัวสำหรับ scatterplot ที่แสดงดัชนีราคาที่อยู่อาศัยเทียบกับอัตราการเป็นเจ้าของบ้านในปี 2017 โดยมีสไลเดอร์หนึ่งตัวสำหรับแต่ละแกน

โหลด plotly และ crosstalk ไว้ให้แล้ว และข้อมูลถูกเก็บอยู่ในตัวแปร us2017

หมายเหตุ: อาจต้องเลื่อนหน้าจอลงหรือเปิด HTML Viewer แบบป๊อปเอาต์เพื่อดูสไลเดอร์

แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร

การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง

ดูคอร์ส

คำแนะนำการฝึกหัด

  • วางตัวกรองแบบสไลเดอร์สองตัวไว้ใต้ scatterplot ที่เก็บอยู่ใน p17 โดยสไลเดอร์แรกสอดคล้องกับดัชนีราคาที่อยู่อาศัย (house_price) และสไลเดอร์ที่สองสอดคล้องกับเปอร์เซ็นต์การเป็นเจ้าของบ้าน (home_owners)
  • เพิ่มป้ายกำกับสไลเดอร์ให้ตรงกับชื่อแกนใน p17 ได้แก่ "HPI" และ "Home ownership (%)"

แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ

ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์

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 = ___)
  )
)
แก้ไขและรันโค้ด