Statusar, färger och teman

Bygga dashboards med shinydashboard

Png Kee Seng

Researcher

Att göra en restaurang mer inbjudande

Att anpassa dashboarden liknar att göra en restaurang mer inbjudande
Man säger att vi först äter med ögonen
En visuellt tilltalande dashboard ger också en bättre användarupplevelse
Vi fokuserar på att ändra färger på olika element

En inbjudande restaurang med visuellt tilltalande mat.

¹ Bild av Freepik

Statusar i shinydashboard

Vissa shinydashboard-objekt har en status-egenskap
Status anges med argumentet status
```
<object>(status = <status>, ...)
```

Statusar i shinydashboard

Statusar i notificationItems

Lägg till två aviseringsobjekt i rubriken
- Ange köpalert som ett success-meddelande
- Ange säljaler som ett danger-meddelande
Standardstatus för notificationItem() är "success"

Success- och danger-statusar för notificationItem.

header <- dashboardHeader(
  ...
  dropdownMenu(type = "notifications",

       notificationItem("Sell alert",

       status = "danger"

       ),

       notificationItem("Buy alert",

       status = "success"

       )

))
...

Statusar i boxar

Utan status visas boxen utan färg
Sätt status till "info"
Ange en rubrik
Sätt solidHeader = TRUE

...
body <- dashboardBody(...,
        box("Stock name",

        title="Stock name title",

        width = 6,

        status = "info",

        solidHeader = TRUE)),

...

Box med info-status.

Box med info-status och rubrik.

Box med info-status, rubrik och solid fyllning.

Lägga till färg i shinydashboard

Vissa shinydashboard-objekt stöder egenskapen color
Anta att close-priset har sjunkit med 2 % sedan igår
- Rendera valueBox() med röd färg för att varna Sally

Vi kan färgsätta en valueBox().

...
body <- dashboardBody(...,

    valueBox("Close (%)", 
            "-2%", 
            width = 2,

            color = "red"

            ),

    ...)
...

Fler färger

Tillgängliga färger i shinydashboard:

Tillgängliga färger i shinydashboard.

Kontrollera tillgängliga statusar och färger med ?validStatuses och ?validColors

Teman i shinydashboard

Det finns fördefinierade teman i shinydashboard
De aktiveras med argumentet skin i dashboardPage()

dashboardPage(skin = <color>)

Möjliga färger är

"blue" (standard)
"black"
"purple"
"green"
"red"
"yellow"

Testa olika teman

Sätt färgen till lila för att testa
Sätt färgen till svart och se vad som skiljer sig

ui <- dashboardPage(skin = "purple",
                    header, sidebar, body)

ui <- dashboardPage(skin = "black",
                    header, sidebar, body)

Lila tema.

Svart tema

Nu kör vi en övning!

Bygga dashboards med shinydashboard