R flexdashboard删除标题栏

时间:2017-04-26 14:56:21

标签: r r-markdown dashboard titlebar flexdashboard

Blue bar at the top, meant for a title

我正在使用rMarkdown和来自flexdashboard的{​​{1}}软件包开展项目。一切都很好地融合在一起。但是我想删除你在图片顶部看到的蓝色标题栏。

我们将这个html页面放到一个窗口中,因此它成为第二个标题栏,看起来很糟糕。 rStudio中是否有一个功能可以删除整个设备?

这是YAML和你在照片中蓝色条下方看到的第一个块。任何建议都将不胜感激。

flexdashboard

2 个答案:

答案 0 :(得分:5)

您可以直接将CSS样式添加到markdown文档(不需要JQuery):

---
title: "Untitled"
output: 
  flexdashboard::flex_dashboard:
    orientation: columns
    vertical_layout: fill
---
<style>

body {
  padding-top:0px
}

.navbar{
  visibility: hidden
}

</style>


```{r setup, include=FALSE}
library(flexdashboard)
```

Column {data-width=650}
-----------------------------------------------------------------------

### Chart A

```{r}
hist(iris$Sepal.Length)

```

Column {data-width=350}
-----------------------------------------------------------------------

### Chart B

```{r}
hist(iris$Sepal.Width)
```

### Chart C

```{r}
hist(iris$Petal.Length)
```

结果:enter image description here

答案 1 :(得分:2)

我不知道任何flexdashboard选项。但你可以使用jQuery删除导航栏并移动正文。只需在YAML之后包含以下代码段:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script>
$(document).ready(function() {
  $('.navbar').remove();
  $('body').css('padding-top', '0px');
});
</script>

我认为这会使父文档的主导航栏保持不变。如果不是,可能需要进行一些修改。