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

การเพิ่มข้อความพื้นหลัง

ในบทเรียนก่อนหน้า คุณได้ปรับแต่ง 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")) %>%
  ___(___ = ___)
แก้ไขและรันโค้ด