在 valueBox 中添加 rho 作为图标

Question

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

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

这给出了以下值框：

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

Answer 1

我们可以通过自定义 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: 'c1';
}

输出：

注意： 为了我的测试，我将 css 文件保存在与 rmd[ 相同的文件夹中=45=] 文件，但它可以在任何子文件夹中，那么我们需要在 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)

输出：

在 valueBox 中添加 rho 作为图标

Add rho as icon in valueBox

icons

r

shiny

shinydashboard

flexdashboard

使用 flexdashboard：

使用 shinydashboard