Làm cách nào để sửa lỗi ngắt cột trong bản trình bày Rmarkdown/ioslides

Question

Sử dụng phiên bản phát triển của RStudio (0.98.758) là gì, tôi rất vui vì tôi có thể tạo bản trình bày ioslides trong .

Các rmarkdown docs for this format cho một mô tả làm thế nào để làm một slide hai cột, và nó đi kèm với lời cảnh báo rằng:

Lưu ý rằng nội dung sẽ chảy qua các cột vì vậy nếu bạn muốn có một hình ảnh trên một bên và văn bản trên mặt khác, bạn nên đảm bảo rằng hình ảnh có chiều cao đủ để buộc văn bản ở phía bên kia của trang chiếu.

Nhưng tôi dường như không thể tạo ra một hình ảnh đủ lớn! Văn bản vẫn bị đẩy ra khỏi đáy của cột đầu tiên. Trong bản trình bày bên dưới, tôi muốn so sánh một biểu đồ cơ sở với một biểu đồ qplot cạnh nhau trong các cột, với một vài nhận xét và mã. Tôi đã bao gồm mã cho một ví dụ tương đối ngắn với một số nỗ lực giải pháp cơ bản. Nếu bạn đan nó, tôi nghĩ vấn đề sẽ hiển nhiên. (Lưu ý rằng bạn sẽ cần một preview version of RStudio.)

--- 
title: "Two Column" 
author: "Some guy on Stack Overflow" 
date: "Friday, April 04, 2014" 
output: ioslides_presentation 
--- 

## Two-Column Attempt {.smaller} 

<div class="columns-2"> 
Base graphics can be quick... 

```{r, fig.width = 3, fig.height = 4} 
par_opts <- names(par()) 
    hist(nchar(par_opts), 
     breaks = seq(1.5, 9.5, by = 1)) 
``` 

But `ggplot2` can be quick too: 

```{r, fig.width = 2.5, fig.height = 2.5} 
require(ggplot2, quietly = T) 
qplot(factor(nchar(par_opts))) 
``` 
</div> 

## Two-Column Attempt: Taller Hist {.smaller} 

<div class="columns-2"> 
Base graphics can be quick... 

```{r, fig.width = 3, fig.height = 6} 
par_opts <- names(par()) 
    hist(nchar(par_opts), 
     breaks = seq(1.5, 9.5, by = 1)) 
``` 

But `ggplot2` can be quick too: 

```{r, fig.width = 2.5, fig.height = 2.5} 
require(ggplot2, quietly = T) 
qplot(factor(nchar(par_opts))) 
``` 
</div> 

## Two-Column Attempt: Extra div {.smaller} 

<div class="columns-2"> 

Base graphics can be quick... 

```{r, fig.width = 3, fig.height = 4} 
par_opts <- names(par()) 
    hist(nchar(par_opts), 
     breaks = seq(1.5, 9.5, by = 1)) 
``` 

<div> 
... 
</div> 

But `ggplot2` can be quick too: 

```{r, fig.width = 2.5, fig.height = 2.5} 
require(ggplot2, quietly = T) 
qplot(factor(nchar(par_opts))) 
``` 
</div> 

Dưới đây là một hình ảnh của slide thứ 4, bạn có thể thấy dòng chữ được cắt đứt ở dưới cùng của cột bên trái, trong khi cột bên phải có nhiều không gian.

Answer 1

Tôi cũng đang gãi đầu.

Bạn có thể tránh sử dụng div và sử dụng {.columns-2} làm thuộc tính tiêu đề.

Đối với hình ảnh, tôi đặt kích thước tương đối lớn theo mặc định trong yaml bằng cách sử dụng fig_height và fig_width. Sau đó, sử dụng thuộc tính out.width trong đoạn tôi kiểm soát kích thước đầu ra (350px có vẻ hoạt động tốt trong bố cục này)

--- 
title: "Two Column" 
author: "Some guy on Stack Overflow" 
date: "Friday, April 04, 2014" 
output: 
    ioslides_presentation: 
    fig_height: 7 
    fig_width: 7 
--- 

## Two-Column Attempt {.smaller .columns-2} 

Base graphics can be quick... 

```{r, out.width = '350px'} 
par_opts <- names(par()) 
    hist(nchar(par_opts), 
     breaks = seq(1.5, 9.5, by = 1)) 
``` 


But `ggplot2` can be quick too: 

```{r, out.width = '350px'} 
require(ggplot2, quietly = T) 
qplot(factor(nchar(par_opts))) 
```