การเพิ่มสไลเดอร์
ตัวกรองแบบสไลเดอร์ช่วยให้อัปเดตค่าข้อมูลที่แสดงบนกราฟได้ง่าย โดยจำกัดตัวแปรตัวเลขให้อยู่ในช่วงที่กำหนด ในแบบฝึกหัดนี้ ให้เพิ่มตัวกรองแบบสไลเดอร์สองตัวสำหรับ 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 = ___)
)
)