Question

RStudio允许您将CSS文件添加到yaml标头中。如果我想更改Flexdashboard的许多很酷的“静态”组件中的一些组件（HTML类和id保持不变），那就太好了。但是，当使用HTML窗口小部件（当前为C3和rhandsontable）时，在编译flexdashboard时会创建一个随机的ID。我可以使用inspect元素或view source并在HTML Widgets中添加想要的CSS。无论如何，我可以用已经想要的CSS编译flexdashboard吗？如何定位要附加CSS的小部件？除了不同的数据外，我想编辑一些看起来相同的报告。因此，使用CSS进行编译将更加高效。

示例R flexdashboard小部件代码

### Value

```{r}

data.frame(R= 1000,
       C = 750,
       S = 250,
       D = 250) %>% 
c3() %>% 
c3_pie()

data.frame(R= 1000,
       C = 750,
       S = 250,
       D = 250) %>% 
c3() %>% 
c3_pie()
```

通过inspect元素div CSS的示例

<div class = "c3 html-widget html-widget static bound" id = "htmlwidget-abcdghag0980" style = "width:576px; height:460px;  position: relative; max-height: 11.6px">

通过检查元素添加了所需的CSS

<div class = "c3 html-widget html-widget static bound" id = "htmlwidget-abcdghag0980" style = "width:576px; height:460px;  position: absolute; right:400px; max-height: 11.6px">

我添加了很少的CSS，只是通过将位置设为绝对位置并将其推向正确的400px，试图将更多的图形添加到较小的区域。我可以通过RStudio /在这里阅读的所有内容都没有帮助。

在Flexdashboard上添加CSS和HTML Widget

0 个答案: