美人鱼图解之旅

Question

我该如何解决这个问题。我在 *.rmd 文件中添加了以下代码行：

DiagrammeR::mermaid("
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
")

我用R包蒸馏来编织distill_website。仅不生成旅程图。 我可以在 html 文件中看到一个空白，但没有图表。

Answer 1

你可以首先使用 devtools 包从 GitHub 安装 DiagrammeR 的开发版本，看看区别：

devtools::install_github("rich-iannone/DiagrammeR")

似乎旅程图尚未实现.
因此，对于快速(和临时)解决方案(与distill::distill_article完美配合)，您可以

部署美人鱼 没有捆绑器，可以插入script带有 绝对地址和对 HTML 的mermaidAPI调用，如下所示：

<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});</script>
```{r diagram-mermaid, echo = FALSE}
DiagrammeR::mermaid(diagram = '
journey
title My working day
section Go to work
Make tea: 5: Me
Go upstairs: 3: Me
Do work: 1: Me, Cat
section Go home
Go downstairs: 5: Me
Sit down: 5: Me
', height = '100%', width = '100%')
```

这样做将命令美人鱼解析器查找<div>标记带有class="mermaid".从这些标签美人鱼将尝试 读取图表/图表定义并将它们渲染为 SVG 图表。

这对distill::distill_website有任何帮助吗？