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

เพิ่มตัวเลือกทวีป: select input

เมื่อมีตัวเลือกให้ผู้ใช้เลือกจำนวนมาก การใช้ปุ่ม radio อาจกินพื้นที่มากและไม่สะดวกนัก Select input หรือที่เรียกว่า 'dropdown list' เป็นอีกวิธีหนึ่งที่ช่วยให้ผู้ใช้เลือกตัวเลือกจากรายการได้อย่างกระชับกว่า โดยตัวเลือกทั้งหมดจะแสดงในรายการแบบเลื่อนได้ จึงเหมาะกับกรณีที่มีตัวเลือกจำนวนมาก

เช่นเดียวกับปุ่ม radio, select input ก็มีพารามิเตอร์ choices และ selected เช่นกัน นอกจากนี้ยังมีอาร์กิวเมนต์ multiple ซึ่งเมื่อกำหนดเป็น TRUE จะอนุญาตให้ผู้ใช้เลือกค่าได้มากกว่าหนึ่งค่า

โค้ด Shiny app จากแบบฝึกหัดที่แล้วได้ถูกนำมาใช้ที่นี่พร้อมการปรับแต่งเล็กน้อย

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

กรณีศึกษา: การสร้างเว็บแอปพลิเคชันด้วย Shiny ใน R

ดูคอร์ส

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

  • เพิ่ม selectInput() ใน UI โดยกำหนด ID เป็น "continents" และ label เป็น "Continents" พร้อมตั้งค่าทวีปเริ่มต้นเป็น "Europe"
    • ตัวเลือกในรายการควรประกอบด้วยทวีปทั้งหมดที่มีในชุดข้อมูล gapminder
    • อนุญาตให้ผู้ใช้เลือกหลายทวีปพร้อมกันได้
  • เพิ่มโค้ดใน server เพื่อให้แสดงเฉพาะข้อมูลของทวีปที่เลือก โดยการ subset ชุดข้อมูล gapminder (บรรทัดที่ 23)

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

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

ui <- fluidPage(
  sidebarLayout(
    sidebarPanel(
      textInput("title", "Title", "GDP vs life exp"),
      numericInput("size", "Point size", 1, 1),
      checkboxInput("fit", "Add line of best fit", FALSE),
      radioButtons("color", "Point color",
                   choices = c("blue", "red", "green", "black")),
      # Add a continent dropdown selector
      ___(___, ___,
                  choices = levels(___),
                  multiple = ___,
                  selected = ___)
    ),
    mainPanel(
      plotOutput("plot")
    )
  )
)

# Define the server logic
server <- function(input, output) {
  output$plot <- renderPlot({
    # Subset the gapminder dataset by the chosen continents
    data <- subset(gapminder,
                   ___ %in% ___$continents)

    p <- ggplot(data, aes(gdpPercap, lifeExp)) +
      geom_point(size = input$size, col = input$color) +
      scale_x_log10() +
      ggtitle(input$title)
    
    if (input$fit) {
      p <- p + geom_smooth(method = "lm")
    }
    p
  })
}

shinyApp(ui = ui, server = server)
แก้ไขและรันโค้ด