使用 DiagrammeR 和 Xaringan 演示文稿居中图形

Question

fig.align='center' 不会在 Xaringan 演示文稿中将 Diagrammer 图居中。有什么想法吗？

请参阅下面的 reprex。

---
title: "Title"
encoding: "UTF-8"
output:
  xaringan::moon_reader:
    self_contained: true
    lib_dir: libs
    css: [default]
    nature:
      highlightStyle: github
      highlightLines: true
      countIncrementalSlides: false
      ratio: "16:9"
---

exclude: true

```{r setup, include=FALSE}
knitr::opts_chunk$set(
  echo = FALSE,
  warning=FALSE,
  message=FALSE,
  comment = NA)
```

---

# TITLE

.center[Some text]

```{r title, out.height='50%', fig.align='center'}

DiagrammeR::grViz("

digraph {

  # a 'graph' statement
  graph [layout = twopi, overlap = false]

  # several 'node' statements
  node [shape = circle,
        fontname = 'Century Gothic',
        style = filled,
        color = white,
        fontcolor = white]
        
  node [fillcolor = steelblue]
  Hello; How; You; Doing
  
  node [label =
'Im a reprex']
  reprex1
  
  node [label =
'im also a reprex']
  reprex2
  
  node [fillcolor = coral,
        label =
'thats weird,
im a reprex too!']
  reprex3
  
  edge [color = grey]
  reprex1 -> {Hello; How; You; Doing; reprex2; reprex3}
  reprex3 -> reprex1

}
")
```

.center[yet another text]

Answer 1

我刚试过：HTML <center> 标签有效，应该是一个可行的解决方案。

只需要在R代码前添加，最后用with结尾即可。这可能不优雅（在 CSS 术语中）但它有效！

# TITLE

.center[Some text]

<center>

```{r title, out.height='50%', fig.align='center'}
ETC.

</center>

使用 DiagrammeR 和 Xaringan 演示文稿居中图形

Centering graphs with DiagrammeR and Xaringan presentation

r

r-markdown

diagrammer

xaringan