Wireframing

Vraťme se k předchozímu příkladu dashboardu pro analýzu výsledků fotbalového turnaje. V předchozích cvičeních jsi už nastavil/a záhlaví a postranní panel.

Tlačítko v postranním panelu je definováno pomocí menuItem() a je obsaženo ve sidebarMenu(). Možná sis všiml/a, že tato tlačítka zatím nic nedělají. Teď je propojíš s různými stránkami v těle UI. Stále jsme ve fázi wireframingu, kde rozhoduješ o umístění jednotlivých prvků. Každá stránka v těle je definována pomocí tabItem() a musí být obsažena ve tabItems.

Balíčky shiny a shinydashboard jsou již načteny. Záhlaví dashboardu je uloženo jako header.

Toto cvičení je součástí kurzu

Tvorba dashboardů pomocí shinydashboard

Zobrazit kurz

Interaktivní cvičení na vyzkoušení si v praxi

Vyzkoušejte si toto cvičení dokončením tohoto ukázkového kódu.

library(shiny)
library(shinydashboard)

header <- dashboardHeader(
  title = "Analysis results for global soccer tournament",
  titleWidth = 400,
  dropdownMenu(type = "messages",
               messageItem("Colleage", "Hello world!")),
  dropdownMenu(type = "notifications",
               notificationItem("Have you rested today?"),
               taskItem("Dashboard completion", value = 20)))

sidebar <- dashboardSidebar(
  sidebarMenu(
    width = 400,
    id = "pages",
    menuItem("Match details", tabName = "matches", icon = icon("futbol"),
             badgeLabel = "New content!", badgeColor = "green"),
    menuItem("Overall results", tabName = "overall", 
             menuSubItem("Charts", tabName = "charts"),
             menuSubItem("Data table", tabName = "datatable", icon=icon("file-excel"))),
    menuItem("A slider",  sliderInput("slider", "Number of goals", min=0, max=10, value = 2))
  )
)

body <- dashboardBody(
  # Link "matches" to an empty page in the body
  ___(
    ___(___, "Match information goes here")
  )
)
ui <- dashboardPage(header, sidebar, body)
server <- function(input, output){}
shinyApp(ui, server)

Upravit a spustit kód