美人鱼制图师之旅

编程问答 2022-05-15

问题描述

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

getChildren()

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

解决方法

您可以从使用 devtools 包从 GitHub 安装DiagrammeR 的开发版本开始，并查看不同之处：

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

似乎 Journey Diagram 尚未实施。
因此，对于快速（和临时）解决方案（与 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 有任何帮助吗？

diagrammerjourneymermaidr-markdown