เค้าโครงแถว / คอลัมน์แบบ Flex Box

 fillRow ( ... , flex = 1 , width = "100%" , height = "100%" ) fillCol ( ... , flex = 1 , width = "100%" , height = "100%" )
...
UI วัตถุที่จะใส่ในแต่ละเซลล์แถว / คอลัมน์; แต่ละอาร์กิวเมนต์จะครอบครองเซลล์เดียว (หากต้องการใส่หลายรายการในเซลล์เดียวคุณสามารถใช้ tagList หรือ div เพื่อรวม) อาร์กิวเมนต์ที่ตั้งชื่อจะถูกใช้เป็นแอตทริบิวต์ในองค์ประกอบ div ที่ห่อหุ้มแถว / คอลัมน์
flex
กำหนดวิธีการกระจายพื้นที่ไปยังเซลล์ สามารถเป็นค่าเดียวเช่น 1 หรือ 2 เพื่อกระจายพื้นที่ว่างให้เท่า ๆ กัน หรือใช้เวกเตอร์ของตัวเลขเพื่อระบุสัดส่วน ตัวอย่างเช่น flex = c(2, 3) จะทำให้ช่องว่างถูกแบ่ง 40% / 60% ระหว่างสองเซลล์ ค่า NA จะทำให้เซลล์ที่เกี่ยวข้องมีขนาดตามเนื้อหา (โดยไม่เพิ่มหรือหดตัว)
width, height  
จำนวนรวมของความกว้างและความสูงที่จะใช้สำหรับทั้งแถว / คอลัมน์ สำหรับความสูงเริ่มต้นของ "100%" จะมีผลบังคับใช้พ่อแม่ต้องเป็น fillPage , fillRow / fillCol หรือองค์ประกอบ HTML อื่น ๆ ที่มีความสูงไม่ขึ้นกับความสูงของเนื้อหา

ลักษณะ

สร้างเค้าโครงแถวและคอลัมน์ด้วยเซลล์ที่มีสัดส่วนตามสัดส่วนโดยใช้รูปแบบโครงร่าง Flex Box ของ CSS3 เหล่านี้สามารถซ้อนกันเพื่อสร้างเค้าโครงสัดส่วนตามความชอบโดยพลการ คำเตือน: Flex Box ไม่ได้รับการสนับสนุนอย่างดีจาก Internet Explorer ดังนั้นควรใช้ฟังก์ชันเหล่านี้กับเบราว์เซอร์ที่สามารถใช้งานได้

รายละเอียด

หากคุณพยายามใช้ fillRow และ fillCol ในคอนเทนเนอร์ที่มี fillCol อื่น ๆ เช่น sidebarLayout , navbarPageหรือแม้แต่ tags$div คุณอาจพบว่าจะไม่ปรากฏ เนื่องจาก fillRow และ fillCol ผิดนัดที่ height="100%" ซึ่งจะทำงานภายในตู้คอนเทนเนอร์ที่กำหนดขนาดของตัวเอง (แทนที่จะลดขนาดของเนื้อหาตามปกติใน HTML)
เพื่อหลีกเลี่ยงปัญหานี้คุณมีสองทางเลือก:

  • ใช้เฉพาะ fillRow / fillCol ภายใน fillPage , fillRow หรือ fillCol
  • ให้อาร์กิวเมนต์ height ชัดเจนสำหรับ fillRow / fillCol

ตัวอย่าง

# เรียกใช้ตัวอย่างนี้ในเซสชัน R แบบโต้ตอบเท่านั้น if (interactive()) { ui <- fillPage(fillRow( plotOutput("plotLeft", height = "100%"), fillCol( plotOutput("plotTopRight", height = "100%"), plotOutput("plotBottomRight", height = "100%") ) )) server <- function(input, output, session) { output$plotLeft <- renderPlot(plot(cars)) output$plotTopRight <- renderPlot(plot(pressure)) output$plotBottomRight <- renderPlot(plot(AirPassengers)) } shinyApp(ui, server) }

ความคิดเห็น

แสดงความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

R STUDIO

รูปภาพ
โปรแกรมที่สามารถใช้เขียน ภาษา R มีอยู่หลากหลายโปรแกรม แต่โปรแกรมที่ดิฉันเลือกมาสามารถใช้ได้ฟรีและมีพัฒนาอย่างต่อเนื่อง นั้นก็คือ RStudio โหลดได้จาก www.rstudio.com แต่ถ้าหากมีการเปลี่ยนแปลงชื่อเวปไซด์อย่างไร ก็ สามารถค้นหาจาก Google โดยค้นหา “ RStudio” โปรแกรม R-Studio ตัวนี้เป็นรุ่นทดลองใช้งานจึงมีความสามารถที่จำกัด แต่ก็ใช้งานได้ทุกเมนูเหมือนตัวเต็ม จะแตกต่างกันก็แค่ขนาดของไฟล์ที่สามารถกู้คืนกลับมาได้เท่านั้นเอง สำหรับรุ่นทดลองจะจำกัดขนาดของไฟล์อยู่ที่ 256KB เท่านั้น โปรแกรม R-Studio นี้สามารถใช้งานบน Mac OS, Windows และ Linux ได้ ซึ่งนอกจากจะสามารถใช้งานได้ง่ายโปรแกรมนี้ยังมีความยืดหยุ่นสูง สามารถปรับแต่ง UI ให้เหมาะกับการใช้งานของคุณได้อีกด้วย RStudio IDE คือ Integrated Development Environment หรือแปลง่ายๆ คือโปรแกรมที่ทำงานร่วมกับโปรแกรม R แต่เอื้อและเหมาะสมกับการใช้งานและการพัฒนาให้สะดวกมากขึ้น เช่นการทำงานร่วมกับ Markdown, Latex, และ อื่นๆ ในส่วนที่ดีของ RStudio ยังสามารถทำงานร่วมกับ Version Control เช่น Git และ Github อีกด้วยซึ่งเหมาะอย่างยิ่ง กับ Data Scienti...
อ่านเพิ่มเติม

R for Pipes

1  Introduction Pipes  เป็นเครื่องมือที่มีประสิทธิภาพสำหรับการแสดงลำดับของการดำเนินการหลายอย่างชัดเจน จนถึงตอนนี้คุณได้ใช้พวกเขาโดยไม่ทราบว่าพวกเขาทำงานหรือสิ่งที่เป็นทางเลือก ตอนนี้ในบทนี้ถึงเวลาสำรวจท่อในรายละเอียดเพิ่มเติม คุณจะได้เรียนรู้ทางเลือกในการท่อเมื่อคุณไม่ควรใช้pipeและเครื่องมือที่มีประโยชน์บางอย่าง ข้อกำหนดเบื้องต้น pipe,  %>% ,   มาจากแพคเกจ magrittr โดย Stefan Milton Bache แพคเกจในโหลด tidyverse%>% สำหรับคุณโดยอัตโนมัติดังนั้นคุณจึงมักจะไม่โหลด magrittr อย่างชัดแจ้ง อย่างไรก็ตามในที่นี้เรากำลังมุ่งเน้นที่การวางท่อและเราไม่ได้โหลดแพคเกจอื่น ๆ library (magrittr) 2  ทางเลือก Piping จุดของpipeคือการช่วยให้คุณเขียนโค้ดในแบบที่ง่ายต่อการอ่านและทำความเข้าใจ เพื่อดูว่าทำไมpipeมีประโยชน์ดังนั้นเราจะสำรวจหลายวิธีในการเขียนรหัสเดียวกัน ลองใช้โค้ดเพื่อบอกเล่าเรื่องราวเกี่ยวกับกระต่ายน้อยชื่อ Foo Foo: Little bunny Foo Foo Went hopping through the forest Scooping up the field mice And bopping them on the head นี่เป็นบทกวีของเด็กที่...
อ่านเพิ่มเติม

R for Data import

1 บทนำ การทำงานกับข้อมูลที่จัดหามาจากแพคเกจ R เป็นวิธีที่ดีในการเรียนรู้เครื่องมือวิทยาศาสตร์ข้อมูล แต่ในบางช่วงเวลาคุณต้องการหยุดการเรียนรู้และเริ่มต้นทำงานกับข้อมูลของคุณเอง ในบทนี้คุณจะได้เรียนรู้วิธีการอ่านไฟล์รูปสี่เหลี่ยมผืนผ้าข้อความล้วนเป็น R ที่นี่เราจะขีดเฉพาะพื้นผิวของการนำเข้าข้อมูลเท่านั้น แต่หลักการต่างๆจะแปลเป็นรูปแบบอื่น ๆ เราจะเสร็จสิ้นด้วยคำแนะนำไม่กี่สำหรับแพ็กเกจที่เป็นประโยชน์สำหรับข้อมูลประเภทอื่น ๆ ข้อกำหนดเบื้องต้น ในบทนี้คุณจะได้เรียนรู้วิธีโหลดไฟล์แบบแบนใน R ด้วย readr ซึ่งเป็นส่วนหนึ่งของแกน tidyverse library (tidyverse) เริ่มต้นใช้งาน ส่วนใหญ่ฟังก์ชั่น readr เกี่ยวข้องกับการเปลี่ยนไฟล์แบบแบนลงในเฟรมข้อมูล: อ่าน read_csv () อ่านไฟล์คั่นด้วยเครื่องหมายจุลภาค read_csv2 () อ่านไฟล์ที่คั่นด้วยเครื่องหมายอัฒภาค (โดยทั่วไปเมื่อใช้) read_tsv () อ่านไฟล์ที่คั่นด้วยและ read_delim () อ่านในไฟล์ที่มีตัวคั่น Read_fwf () อ่านไฟล์ความกว้างคงที่ คุณสามารถระบุเขตข้อมูลได้ตามความกว้างด้วย fwf_widths () หรือตำแหน่งของไฟล์ด้วย fwf_positions () Read_table () อ่านร...
อ่านเพิ่มเติม