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

เพิ่มตัวกรองปี: Slider Input แบบตัวเลข

Slider input ใช้งานได้ในลักษณะเดียวกับ numeric input เพราะทั้งคู่ให้ผู้ใช้เลือกตัวเลขได้

หากค่าเริ่มต้น (อาร์กิวเมนต์ value) ของ slider เป็นตัวเลขเพียงตัวเดียว slider จะใช้สำหรับเลือกค่าตัวเลขเดียว แต่ถ้าค่าเริ่มต้นเป็นเวกเตอร์ที่มีตัวเลขสองตัว slider จะใช้สำหรับเลือก สองค่า แทนที่จะเป็นค่าเดียว

Input แต่ละชนิดอาจมีอาร์กิวเมนต์ที่แตกต่างกัน ซึ่งอาจจำได้ยากว่าแต่ละฟังก์ชันรับอาร์กิวเมนต์อะไรบ้าง วิธีที่ดีที่สุดในการตรวจสอบว่าฟังก์ชัน input นั้น ๆ รองรับอาร์กิวเมนต์ใดได้บ้าง คือการดูที่เอกสารประกอบหรือไฟล์ help ของฟังก์ชันนั้น

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

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

ดูคอร์ส

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

  • เพิ่ม sliderInput() ใน UI โดยกำหนด ID เป็น "years" และ label เป็น "Years" (บรรทัดที่ 14)
    • กำหนดค่าต่ำสุดให้เป็นปีที่เก่าที่สุดในชุดข้อมูล และค่าสูงสุดให้เป็นปีที่ใหม่ที่สุดในชุดข้อมูล
    • ค่าเริ่มต้นของจุดปลาย slider ควรเป็น 1977 และ 2002 เพื่อให้แสดงเฉพาะข้อมูลในช่วงปีดังกล่าว (รวมปีที่เป็นขอบเขต)
  • เพิ่มโค้ดใน server เพื่อนำปีที่เลือกจาก input ไปกรองข้อมูล gapminder โดยแสดงเฉพาะแถวที่อยู่ในช่วงปีที่กำหนด (บรรทัดที่ 28)

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

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

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")),
      selectInput("continents", "Continents",
                  choices = levels(gapminder$continent),
                  multiple = TRUE,
                  selected = "Europe"),
      # Add a slider selector for years to filter
      ___("years", ___, ___, ___, ___)
    ),
    mainPanel(
      plotOutput("plot")
    )
  )
)

# Define the server logic
server <- function(input, output) {
  output$plot <- renderPlot({
    # Subset the gapminder data by the chosen years
    data <- subset(gapminder,
                   continent %in% input$continents &
                   year >= ___$years[1] & year <= ___$years[2])
    
    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)
แก้ไขและรันโค้ด