เพิ่มตัวเลือกทวีป: 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)