如何在Rmarkdown HTML中并排显示2个flexdashboard仪表？

Question

我有两个flexdashboard仪表，我想在Rmarkdown中并排绘制 - ＆gt; html文件。该文件 NOT 意味着是一个flexdashboard，只是尝试使用该软件包中的漂亮仪表。

---
title: "Eye Gaugeing"
author: "Databot"
date: "10/24/2016"
output: html_document
fig_caption: yes
---

```{r setup, include=FALSE}
library(flexdashboard)
gauge1_data <- 95
gauge2_data <- 63
max_data <- 100
```

## Gauges
```{r gauge, fig.width=2, fig.height=2, fig.cap='Cap1'}
gauge(round(100*(1.0*gauge1_data)/max_data,2),0,100, symbol = '%', label= "Non-Stops: Tile 1", gaugeSectors(
  success = c(80, 100), warning = c(40, 79), danger = c(0, 39)))
```
```{r gauge2, fig.width=2, fig.height=2, fig.cap='Cap1'}
p0 <- gauge(round(100*(1.0*gauge2_data)/max_data,2),0,100, symbol = '%', label= "Full Cabin Match: Tile 1", gaugeSectors(
  success = c(80, 100), warning = c(40, 79), danger = c(0, 39)))
```

^{我喜欢大型仪表，我不能说谎。功能}

令人惊讶的是，我很难将它们并排。 试图使用library(gridExtra)，但它只喜欢安排名为grobs的内容。仪表是htmlwidget级＆amp; gauge。

还尝试了{r out.width=c('500px', '300px'), fig.show='hold'}并将它们塞进同一块但却出错了。

我很感激任何建议。

Answer 1

flexdashboard中的仪表专门用于flexdashboard布局系统，并且通常不会像其他格式那样工作（这就是为什么小部件是flexdashboard而不是独立软件包的原因）。

Answer 2

通过使用HTML/Bootstrap framework创建两列，可以使仪表并排放置：

## Gauges

<div class = "row">
<div class = "col-md-6">
<center>
```{r gauge, fig.width=2, fig.height=2}
gauge(round(100*(1.0*gauge1_data)/max_data,2),0,100, symbol = '%', label= "Non-Stops: Tile 1", gaugeSectors(
  success = c(80, 100), warning = c(40, 79), danger = c(0, 39)))
```
</center>
</div>

<div class = "col-md-6">
<center>    
```{r gauge2, fig.width=2, fig.height=2}
gauge(round(100*(1.0*gauge2_data)/max_data,2),0,100, symbol = '%', label= "Full Cabin Match: Tile 1", gaugeSectors(
  success = c(80, 100), warning = c(40, 79), danger = c(0, 39)))
```    
</center>
</div>
</div>