flexdashboard中褪色的仪表颜色答案

【问题标题】：Faded gauge colours in flexdashboardflexdashboard中褪色的仪表颜色
【发布时间】：2024-06-14 22:10:01
【问题描述】：

我在flexdashboard 中创建了一些仪表，并使用默认的“成功”、“警告”和“危险”颜色。但是，仪表在脚本外壳中显示出漂亮的全彩色，但在编织到 HTML 仪表板时会褪色。

代码和问题如下所示。

【问题讨论】：

我认为大部分都是用 CSS 完成的。你看过Style your apps with CSS吗？
可能显示代码？
什么？这对我来说似乎很奇怪。

【解决方案1】：

虽然您没有包含 YAML 标头，但这个问题很可能是由于您选择的 theme 造成的。当我指定 NO 主题时：

---
title: "My Flexdashboard with Gauges"
output: 
  flexdashboard::flex_dashboard:
    orientation: rows
    vertical_layout: fill
---

我得到了鲜艳的绿色（我的成功等级在此处设置为 0 到 100）：

但是，当我指定 united 主题时：

---
title: "My Flexdashboard with Gauges"
output: 
  flexdashboard::flex_dashboard:
    orientation: rows
    vertical_layout: fill
    theme: united
---

我褪色了：

您也可以通过手动设置颜色来强制颜色变暗：

gauge(50, 0, 100, symbol='%', 
      gaugeSectors(success=c(0, 100), color=c("#1a7b1a"))
)

【讨论】：

我也有同样的问题，目前在 Flexdashboard with Shiny 我使用的是“Cerulean”主题，但我修改了包文件夹中的原始主题。在 .css 中，我更改了颜色和其他内容，例如，值框具有完美的颜色，但我找不到用于定义仪表颜色的元素，并且对于 .css 中的值框，它们以低不透明度出现已定义：.value-box-success, .bg-success {background-color: #73a839;}