在影片中,你看到一些以模組化方式加入 dashboardHeader() 與 dashboardSidebar() 的函式。渲染後,這些函式會產生像是下拉式選單、按鈕等物件,並依它們在 dashboardHeader() 與 dashboardSidebar() 中排列的順序顯示。這些函式多半是針對 shinydashboard UI 各自元件所設計。
dashboardHeader()
dashboardSidebar()
了解每個函式該放在哪裡,能幫助你更清楚如何設定標頭與側邊欄。
本練習屬於課程
將理論付諸實踐,立即體驗我們的互動練習
在建立 shinydashboard 之前,你需要先理解什麼是 shinyApp。本章會帶你認識 shinyApp,以及它由哪些部分組成。完成本章後,你就能自行呈現一個 shinyApp。
在前一章,你學過 shiny 應用程式。本章你會發現,shinydashboard 其實就是另一種 shiny 應用,但有更多可調整的功能。上一章提到的相同輸出與輸入,在這裡也能以完全相同的方式使用。接著你會學習為儀表板進行簡單的線框規劃,在此過程中,你可以決定要把輸出與輸入放在儀表板的哪些位置。
當前練習
本章你將透過加入互動元素,進一步強化你的 shinydashboard。內容包含圖表、地理空間地圖,以及使用者能即時互動的資料表。
現在你已熟悉 shinydashboard,接下來就能加入設計元素。我們將能變更背景色、調整方塊尺寸等。同時也會討論良好 UI/UX 的一些基本原則。最後,我們會示範如何運用狀態與 CSS 格式設定。