สร้างเพจที่เติมหน้าต่าง
fillPage ( ... , padding = 0 , title = NULL , bootstrap = TRUE , theme = NULL )
...
|
องค์ประกอบที่จะรวมไว้ในหน้าเว็บ
|
padding
|
แพ็คเพื่อใช้สำหรับร่างกาย นี่อาจเป็นเวกเตอร์ตัวเลข
(ซึ่งจะแปลเป็นพิกเซล) หรือเวกเตอร์ตัวอักษรที่มีความยาว CSS ที่ถูกต้อง ความยาวอาจอยู่ระหว่างหนึ่งถึงสี่ ถ้าเป็นอย่างใดอย่างหนึ่งแล้วค่าที่จะใช้สำหรับทั้งสี่ด้าน ถ้าสองค่าแรกจะใช้สำหรับด้านบนและด้านล่างในขณะที่ค่าที่สองจะใช้สำหรับซ้ายและขวา ถ้าสามแล้วแรกจะใช้สำหรับด้านบนที่สองจะซ้ายและขวาและที่สามจะเป็นด้านล่าง ถ้าสี่ค่าจะถูกตีความว่าเป็นด้านบนขวาล่างและซ้ายตามลำดับ
|
title
|
ชื่อที่จะใช้สำหรับหน้าต่างเบราว์เซอร์
/ แท็บ (จะไม่ปรากฏในเอกสาร)
|
bootstrap
|
ถ้า TRUE โหลดไลบรารี Bootstrap CSS
|
theme
|
URL ไปยังรูปแบบการบูตแบบอื่น
ๆ
|
ลักษณะ
fillPage สร้างหน้าเว็บที่มีความสูงและความกว้างเสมอกรอกพื้นที่ว่างของหน้าต่างเบราเซอร์
รายละเอียด
fluidPage และ fixedPage ถูกใช้เพื่อสร้างหน้าเว็บที่วางจากด้านบนลงไปให้เหลือช่องว่างที่ด้านล่างหากความสูงของเนื้อหาของหน้าเว็บเล็กกว่าหน้าต่างเบราว์เซอร์และเลื่อนดูว่าเนื้อหามีขนาดใหญ่กว่าหน้าต่างหรือไม่
fillPage ถูกออกแบบมาเพื่อยึดขนาดเอกสารกับขนาดของหน้าต่าง ซึ่งทำให้สามารถเติมข้อมูลได้ด้วยเนื้อหาที่มีขนาดตามขนาดของหน้าต่างด้วย
ตัวอย่างเช่น fluidPage(plotOutput("plot",
height = "100%")) จะไม่ทำงานตามที่คาดไว้ ความสูงที่มีประสิทธิภาพของพล็อตจะเป็น 0 เนื่องจากพล็อตที่ประกอบด้วยองค์ประกอบ ( <div> และ <body> )
มีความสูง อัตโนมัติ นั่นคือพวกเขากำหนดความสูงของพวกเขาเองขึ้นอยู่กับความสูงขององค์ประกอบที่มีอยู่ของพวกเขา อย่างไรก็ตาม fillPage(plotOutput("plot",
height = "100%")) จะทำงานได้เนื่องจาก fillPage จะกำหนดความสูง <body>ความสูง 100% ของหน้าต่าง
โปรดทราบว่า fillPage(plotOutput("plot")) จะไม่ทำให้พล็อตกรอกข้อมูลในเพจ เช่นเดียวกับเครื่องมือที่ส่งออกเงาที่สุดความสูงเริ่มต้นของ plotOutput คือจำนวนพิกเซลคงที่ คุณต้องกำหนด height =
"100%" อย่างชัดเจนหากต้องการให้พล็อต
(หรือ htmlwidget พูด) เพื่อเติมคอนเทนเนอร์
หนึ่งต้องระวังว่าเค้าโครง
/ แผง / องค์ประกอบมาระหว่าง fillPage และแปลง / widgets ภาชนะใด
ๆ ที่มีความสูงอัตโนมัติจะทำให้เด็กที่มี height =
"100%" ทำงานไม่ได้ ยึดติดกับฟังก์ชันที่ออกแบบมาเพื่อเติมเต็มเค้าโครงเช่นชุดที่อยู่ในชุดนี้
ตัวอย่าง
fillPage(
tags$style(type = "text/css",
".half-fill { width: 50%; height: 100%; }",
"#one { float: left; background-color: #ddddff; }",
"#two { float: right; background-color: #ccffcc; }"
),
div(id = "one", class = "half-fill",
"Left half"
),
div(id = "two", class = "half-fill",
"Right half"
),
padding = 10
)
ความคิดเห็น
แสดงความคิดเห็น