สร้างเพจที่มีแถบด้านข้าง
pageWithSidebar(
headerPanel
,
sidebarPanel
,
mainPanel
)
headerPanel
|
headerPanel กับชื่อแอ็พพลิเคชัน
|
sidebarPanel
|
sidebarPanel ที่มีการควบคุมอินพุต
|
mainPanel
|
mainPanel ที่มีเอาท์พุท
|
ความคุ้มค่า
คำ จำกัดความ UI
ที่สามารถส่งผ่านไปยังฟังก์ชัน shinyUI ได้
ลักษณะ
สร้าง UI เงาที่ประกอบด้วยส่วนหัวที่มีชื่อแอ็พพลิเคชันแถบด้านข้างสำหรับการควบคุมการป้อนข้อมูลและพื้นที่หลักสำหรับเอาท์พุท
บันทึก
ฟังก์ชันนี้เลิกใช้แล้ว คุณควรใช้
fluidPage
พร้อม sidebarLayout
เพื่อติดตั้งเพจที่มีแถบด้านข้าง
ตัวอย่าง
# กำหนด UI
pageWithSidebar(
# ชื่อแอ็พพลิเคชัน
headerPanel("Hello Shiny!"),
# แถบด้านข้างที่มีการป้อนข้อมูลแถบเลื่อน
sidebarPanel(
sliderInput("obs",
"Number of observations:",
min = 0,
max = 1000,
value = 500)
),
# แสดงพล็อตการแจกจ่ายที่สร้างขึ้น
mainPanel(
plotOutput("distPlot")
)
)
<div class="container-fluid">
<div class="row">
<div class="col-sm-12">
<h1>Hello Shiny!</h1>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<form class="well">
<div class="form-group shiny-input-container">
<label class="control-label" for="obs">Number of observations:</label>
<input class="js-range-slider" id="obs" data-min="0" data-max="1000" data-from="500" data-step="1" data-grid="true" data-grid-num="10" data-grid-snap="false" data-prettify-separator="," data-prettify-enabled="true" data-keyboard="true" data-keyboard-step="0.1" data-data-type="number"/>
</div>
</form>
</div>
<div class="col-sm-8">
<div id="distPlot" class="shiny-plot-output" style="width: 100% ; height: 400px"></div>
</div>
</div>
</div>
ความคิดเห็น
แสดงความคิดเห็น