使用R Markdown在HTML报告中的几个图上滚动

Question

使用R MARKDOWN，我想生成一个HTML报告，可以在同一“窗口”中浏览多个图，例如，使用带有两个箭头按钮的滚动条来打印上一个和下一个绘图。我发现了几个问题，询问如何在大数字或图像中滚动，但无法确定在几个图之间滚动的解决方案。 例如，在下面编织RMD代码将在彼此的顶部生成三个图。我应该使用哪种代码使它们滚动？

编辑：我需要一个“单页视图”来轻松比较两个连续的图，即我应该能够以离散而不是连续的方式移动滚动条。

---
title: "Test multiple plots"
output: html_document
---

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
```

## Generating multiple plots

I would like these three plots to be at the same location, and to switch between them by pressing buttons or sliding a scroll bar in the html document.

```{r plots, echo = F}
plot(0, pch = 16, col = 1)
plot(0, pch = 16, col = 2)
plot(0, pch = 16, col = 3)
```

感谢您的帮助。

Answer 1

您可以使用以下代码：

---
title: "Test multiple plots"
output: html_document
---

<style>
.vscroll-plot {
    width: 1000px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}
</style>

```{r setup, include=FALSE}
knitr::opts_chunk$set(echo = TRUE)
options(width=200)
```

## Generating multiple plots

I would like these three plots to be at the same location, and to switch between them by pressing buttons or sliding a scroll bar in the html document.

<div class="vscroll-plot">

```{r plots, echo = F}
plot(0, pch = 16, col = 1)
plot(0, pch = 16, col = 2)
plot(0, pch = 16, col = 3)
```

</div>

输出：

您会看到有一个垂直滚动条。您可以更改样式的高度和宽度，以使视图更大或更小。