r - R flexdashboard 删除标题栏

Question

我正在rMarkdown使用flexdashboard来自rStudio. 一切都很好地融合在一起。但我想删除您在此处图片顶部看到的蓝色标题栏。

我们将这个 html 页面放到一个窗口中，这样它就变成了第二个标题栏，这看起来很糟糕。是否有flexdashboard移除整个设备的功能？

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

---
title: New Hampshire Statewide Age Adjusted Incedence Rates of Lyme
output: 
  flexdashboard::flex_dashboard:
    orientation: rows
---

```{r setup, include=FALSE, message=FALSE, warning=FALSE, echo=TRUE}

```

Row
-----------------------------------------------------------------------

### 
```{r, aarState, message=FALSE, warning=FALSE}

library(flexdashboard)
library(rbokeh)
#load state-wide age adjusted rates

aar<-read.csv("stateAAR.csv")
figure(title=" Age Adjusted Rates by Year",width= 1500, height =600) %>%
  ly_segments(year, lci*100000, year, uci*100000, data=aar, color = "#b37700", width = 1) %>%
  ly_points(year, adj.rate*100000, glyph = 21, size=6, data = aar, hover= "<strong>Rate per 100,000:</strong> @rateHundThou </br> <strong>Upper Confidence:</strong> @uciHT </br><strong> Lower Confidence:</strong> @lciHT " , color="#666622" )%>%

  x_axis(label ='Year')%>%
  y_axis(label ='Age Adjusted Rate')


```  

Row

Answer 1

您可以直接将 CSS 样式添加到您的降价文档（不需要 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)
```

结果是：

Answer 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>

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