针织品中心googleVis图

Question

我在针织品中玩googleVis，通常人们可以使用fig.align="center"对一个情节进行居中，然而，这似乎不适用于googleVis情节。如何在页面中间对googleVis图进行居中？

这里是MWE Rmd文件

```{r setup, include=FALSE}

设置全局块选项

opts_chunk$set(cache=TRUE)

------
## Page 1

```{r echo = FALSE, results="asis", fig.align="center", messages=FALSE}

dat <- data.frame(party=c("CDU“、"FDP”、"CSU“、"SPD”)，

                      "The Left", "The Greens"),

              members.of.parliament=c(193, 93, 44, 

                                      146, 76, 68))

图书馆(GoogleVis)

甜甜圈图-一个有洞的馅饼

甜甜圈<- gvisPieChart(dat )

                  options=list(

                    width=500,

                    height=500,

                    slices="{0: {offset: 0.2},

                      1: {offset: 0.2},

                      2: {offset: 0.2}}",

                    legend='none',

                    colors="['black','orange', 'blue', 

                    'red', 'purple', 'green']",

                    pieSliceText='label',

                    pieHole=0.5),

                  chartid="doughnut")

打印(甜甜圈，“图表”)

------
## Page 2


```{r echo = FALSE, fig.align="center"}

情节(1:10，1:10)

Answer 1

gvisPieChart()函数不会创建图像，因此fig.align将无法工作。您需要添加代码以将javascript作为中心。

最简单的方法是：

cat("<center>")
print(doughnut, "chart")
cat("</center>")

使用<center>不是很好的编码(在HTML中)，但是它是快速的，并且应该适用于您想要做的事情。

编辑(泰勒·林克)

对我来说这起作用了。

我补充说：

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

到我的style.css，然后用<img class="center"></img>包装代码块