設置圖表區域的背景顏色/ slidify/nvd3

對於以下slidify甲板，設置圖表區域的背景顏色/ slidify/nvd3

--- 
title  : Foo 
framework : revealjs  # {io2012, html5slides, shower, dzslides, ...} 
revealjs : {theme: solarized} 
highlighter : highlight.js # {highlight.js, prettify, highlight} 
hitheme  : tomorrow  # 
widgets  : []   # {mathjax, quiz, bootstrap} 
mode  : selfcontained # {standalone, draft} 
ext_widgets : [libraries/nvd3] 
--- 
## NVD3 Plot Iframe 
```{r nvd3plot2, results = 'asis', comment = NA, message = F, echo = F} 
require(rCharts) 
n1 <- nPlot(mpg ~ wt, data = mtcars, type = 'scatterChart') 
n1 
```

欲圖表的背景顏色設置爲白色。

我能做到這一點，如果我編織，然後在生成的figure/nvd3plot2.html編輯<style>塊添加background-color: white;：

<style> 
.rChart { 
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 800px; 
    height: 400px; 
    background-color: white; 
} 
</style>

我如何做到這一點從.Rmd文件？

來源

2014-01-12 jgilligan

默認背景爲白色。你想明確將其設置爲白色的任何原因？ – Ramnath

當我在Firefox 26.0下與revealjs一起使用它時，該圖表使用revealjs幻燈片爲背景呈現背景顏色，而不是白色。這意味着如果我在有着黑暗主題（比如默認主題：從上面的平臺移除'revealjs：{theme：solarized}'）的revealjs套牌上放置圖表，我看不到圖表很好，因爲它是黑色背景上的黑色線條。 – jgilligan

我剛剛在Chrome 31.0下進行了檢查，並得到了同樣的結果：默認情況下，圖表不會在白色背景下呈現。我必須手動添加背景顏色：白色才能獲得該行爲。 – jgilligan

正如我的評論指出，速戰速決得到一個白色背景是以下行添加到您的Rmd文件

<style>iframe{background-color: white}</style>

來源

2014-01-13 02:14:54 Ramnath

設置圖表區域的背景顏色/ slidify/nvd3

回答

相關問題