将rho添加为valueBox中的图标

问题描述

我可以在RShiny的值框中添加 rho （希腊字母小）作为图标吗？ 例如，使用以下代码段，我创建了一个以€符号作为图标的值框：

valueBox(winterMean,subtitle = "Mean Winter",color = "black",icon = icon("euro-sign"))

这将提供以下值框：

如何用小小的rho代替€符号？

解决方法

我们可以通过自定义 css 使用Unicode Character "ρ" (U+03C1)添加自定义希腊字母，请参见示例：

使用flexdashboard：

我们的示例 rmd 文件：

---
title: "My Rho"
output: 
  flexdashboard::flex_dashboard:
    css: styles.css
---

```{r}
library(flexdashboard)

valueBox(42,caption = "My Rho",icon = "fa-rho")
```

以及其他 styles.css 文件：

.fa-rho:before {
    font-weight: 700;
    content: '\03c1';
}

输出：

注意：为了进行测试，我将 css 文件与 rmd 文件放在同一文件夹中，但是可以在任何子文件夹中，然后我们需要在 rmd 中定义完整路径，例如：resources/css/styles.css。

---

使用Shinydashboard

library(shiny)
library(shinydashboard)

ui <- dashboardPage(
  dashboardHeader(),dashboardSidebar(),dashboardBody(
    includeCSS("styles.css"),valueBox(42,"My Rho",icon = icon("rho")),)
)

server <- function(input,output) { }

shinyApp(ui,server)

输出：