问题标签 [mermaid]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
296 浏览

jupyter-notebook - 开发 Jupyter Notebook 扩展时如何引入第三方 js 包

我想为mermaid编写 Jupyter Notebook 扩展的扩展。或者更常见的是,如何将 npm 包 webpack 到 Jupyter Notebook Extension。

但是当我将mermaid包包含在 main.js 中时,遇到以下错误:

我已经把代码上传到github了, https://github.com/Honghe/notebook_mermaid

0 投票
1 回答
835 浏览

gantt-chart - 将甘特图任务设置为美人鱼截止日期之前的相对日期

我正在使用美人鱼 js 来制作甘特图。在文档中,它显示了如何使用“after x”设置与先前任务完成相关的任务,例如:

在随后的截止日期之前设置任务是否有任何等价物?我尝试用“之前”替换“之后”,但没有奏效

0 投票
1 回答
1073 浏览

r - 如何更改美人鱼甘特图中的标签宽度

DiagrammeR根据这个答案,我正在尝试使用创建甘特图。

但是,如果部分名称太长,它们会溢出到图表中。这是一个例子。

在此处输入图像描述

有人知道如何调整部分标签列的宽度吗? ?mermaid不提供任何解释。而这个帮助页面(https://mermaidjs.github.io/gantt.html)只在语法部分说“待定”。

0 投票
1 回答
1367 浏览

r - 使用 DiagrammeR 将一排节点放置在另一排节点下方

DiagrammeR给定以下通过包派生的流程图:

示例图

是否可以包装它,使节点E位于节点下方D,节点F位于左侧,如下图所示:

在此处输入图像描述

0 投票
5 回答
14716 浏览

github - 如何安装 Mermaid 以在 Markdown 中呈现流程图?

我正在尝试使用 Mermaid 在降价文件中呈现流程图。我的 GitHub 存储库中有一个 ReadMe.md 文件,我想包含一个基本流程图来帮助描述内容。但我不知道如何让它工作。有人可以就如何呈现一个简单的示例发布一些更具体的说明吗?

在此链接 ( https://unpkg.com/mermaid@8.0.0-rc.8/README.md ) 中,有一个美人鱼安装的示例代码片段:

我包含了该代码,然后尝试在下一个代码片段中制作流程图:

但它所做的只是在我预览它时在 Markdown 文件中打印出该文本。

似乎基于美人鱼自述文件是可能的: https ://github.com/knsv/mermaid/blob/master/README.md 。但是当我查看代码时,它实际上是流程图的图片,而不是代码的渲染。所以也许我问的是不可能的?

将不胜感激任何帮助!

0 投票
1 回答
12222 浏览

r - 美人鱼图换行

我找不到如何在节点内的长标题中插入换行符。例如:

注意节点 F 太长。我怎么把它变成……?

注意 \n 不起作用。

0 投票
1 回答
1992 浏览

r - 在美人鱼图中侧向融合箭头

如何在 R 顺序美人鱼图中添加横向融合箭头?在下面的示例中:

我怎么能产生如下的东西?

在此处输入图像描述

0 投票
3 回答
2868 浏览

html - 从 DiagrammeR 导出美人鱼图

我正在尝试通过 R 将甘特图导出mermaid到文件中。我对任何文件格式都很满意,但 SVG 或 PNG 会更可取。我正在尝试自动执行此操作,因此不能简单地通过 GUI 按下导出。

这是我的代码:

以及它生成的图表: 甘特图示例

0 投票
1 回答
350 浏览

mermaid - 在 Mermaid CLI 中设置 mermaid.initialize 属性

在浏览器中使用Mermaid时,可以设置mermaid.initialize属性来更改生成的 SVG:

使用Mermaid CLI时如何设置此属性?

0 投票
1 回答
1772 浏览

r - 美人鱼图:调整图形周围的空白

我在用 Rstudio 编译的 Rmd 报告中使用美人鱼图。在 HTML/PDF 输出中,图表上方和下方有很多空白,请参见下面的示例。

HTML 输出:使用美人鱼图渲染 Rmd

有没有办法裁剪/调整图表周围的空白?还可能改变它的大小?