我正在使用Quarto创建一个仪表板.我想用valueboxes来表示一个价值.问题是我不知道如何更改值框中的值的大小.在下面的示例中,您将看到当数字太大时,它超出了边界:

---
title: "How to change the value size of a valuebox"
format: dashboard
---

# {.sidebar}

Example code

# Tab

## Row {height="20%"}

```{r}
#| content: valuebox
#| title: "Example"

list(
  icon = "people",
  color = "primary",
  value = 123456789
)
```

```{r}
#| content: valuebox
#| title: "Example"

list(
  icon = "people",
  color = "primary",
  value = 123456789
)
```

## Row {height="80%"}

输出:

enter image description here

如你所见,它不适合贵重物品箱.我试着使用size个参数,但这对这个不起作用.所以我想知道是否有人知道如何更改值框中的值的大小?

推荐答案

ValueBox值的现有字体大小定义为,

.quarto-dashboard .bslib-value-box .value-box-value {
    font-size: clamp(.1em, 15cqw, 5em);
}

从前MDN web docs名开始,

clamp() css函数将中间值限制在定义的最小界限和最大界限之间的值范围内.该函数接受三个参数:最小值、首选值和最大允许值.

因此,要更改valuebox值的字体大小,您可以更改首选值,甚至更改clamp()函数的最小值或最大值.

例如,将以下内容放入style.css文件中,

.quarto-dashboard .bslib-value-box .value-box-value {
    font-size: clamp(.1em, 10cqw, 5em) !important;
}

渲染到,

enter image description here

R相关问答推荐

用单个表达匹配多个替代模式

将Multilinetring合并到一个线串中,使用sf生成规则间隔的点

在值和NA的行顺序中寻找中断模式

将年度数据插入月度数据

在特定Quarto(reveal.js)幻灯片上隐藏徽标

如何优化向量的以下条件赋值?

R中的时间序列(Ts)函数计数不正确

在嵌套列表中查找元素路径的最佳方法

有没有可能用shiny 的书签恢复手风琴面板?

将项粘贴到向量中,并将它们分组为x的倍数,用空格分隔

如何将这个小列表转换为数据帧?

R仅当存在列时才发生变异

按两个因素将观测值分组后计算单独的百分比

数据集上的R循环和存储模型系数

每行不同列上的行求和

将某个阈值以下的列中的值分类到不同的列中,否则保持该列的原样

如何在R中使用因子行求和?

图中显示错误 colored颜色 的图例geom_sf

Data.table条件合并

使用循环改进功能( struct 简单)