2016-06-30 2 views
-1

長いマークダウンスクリプトで直面している簡単な例を再現しました。Rmarkdownの2カラムフォーマットがopts_chunkの後で失敗する

スライド上のいくつかのプロットは、2列の形式と1列の形式で表示することをお勧めします。したがって、私はプロットの幅を調整する必要があります。問題は、私はクロムブラウザで結果のHTMLを開くときに動作していないような2列の形式です。グラフが上下に表示されます。

RMD( "プレゼンテーション" を使用して保存された - >デフォルトの出力フォーマット "HTMLのioslides")は以下の通りです:あなたがにして、CSSを変更した場合

--- 
title: "Test" 
author: "Gaurav Chaturvedi" 
date: "6/29/2016" 
output: ioslides_presentation 
--- 

<style> 
    .col2 { 
    columns: 2 200px; 
    -webkit-columns: 2 200px; 
    -moz-columns: 2 200px; 
    } 

</style> 

## Slide with Plot 

```{r, echo=FALSE} 
suppressPackageStartupMessages(library(knitr)) 
boxplot(mpg~cyl, data=mtcars) 
opts_chunk$set(comment=NA, fig.height = 4, fig.width = 4) 
``` 

## 2 Plots 

<div class = "col2"> 
```{r, echo=FALSE} 
boxplot(mpg ~cyl, data=mtcars[mtcars$cyl==4,]) 
boxplot(mpg ~cyl, data=mtcars[mtcars$cyl==6,]) 
``` 
</div> 

答えて

1

<style> 
.col2 { 
float:left; 
} 
</style> 

あなたの2つのプロット(div要素の中で)お互いに浮かび上がるでしょう。私があなたの例をChromeで複製するとき、それはあなたが望むように機能しました。

+0

「float:left;」を追加しました。現在の