การเพิ่มข้อความพื้นหลัง
ในบทเรียนก่อนหน้า คุณได้ปรับแต่ง animated bubble chart ที่แสดงดัชนีราคาที่อยู่อาศัยเทียบกับ GDP ที่แท้จริงจนเสร็จเรียบร้อยแล้ว ในแบบฝึกหัดนี้ จะนำกราฟิกดังกล่าวมาปรับแต่งเพิ่มเติมด้วยการแสดงปีไว้เป็นข้อความพื้นหลังของ animation
แบบฝึกหัดนี้เป็นส่วนหนึ่งของหลักสูตร
การสร้างภาพข้อมูลเชิงโต้ตอบด้วย plotly ใน R ระดับกลาง
คำแนะนำการฝึกหัด
- เพิ่มปีเป็นข้อความพื้นหลัง โดยจัดข้อความให้อยู่กึ่งกลางที่จุด (
200000,450) กำหนดสีฟอนต์เป็นgray80และขนาดฟอนต์เป็น150 - ใช้
animation_slider()เพื่อซ่อน slider
แบบฝึกหัดเชิงโต้ตอบแบบลงมือทำ
ลองทำแบบฝึกหัดนี้โดยเติมโค้ดตัวอย่างนี้ให้สมบูรณ์
# Add the year as background text and remove the slider
us_economy %>%
plot_ly(x = ~gdp, y = ~house_price, hoverinfo = "text", text = ~state) %>%
add_text(x = ___, y = ___, text = ___, frame = ___,
textfont = list(color = ___(___), size = ___)) %>%
add_markers(size = ~population, color = ~region,
frame = ~year, ids = ~state,
marker = list(sizemode = "diameter", sizeref = 3)) %>%
layout(xaxis = list(title = "Real GDP (millions USD)", type = "log"),
yaxis = list(title = "Housing price index")) %>%
___(___ = ___)