问题标签 [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 投票
1 回答
1179 浏览

javascript - 无法在美人鱼流程图中实现子图

我正在使用美人鱼 js 库来创建流程图。到目前为止,我已经达到了这一点:

看起来像这样 美人鱼流程图

如所见,我需要子图来表示。我在这个网页上阅读了关于“子图”的使用。所以我尝试了以下代码:

这会引发某种错误,例如: 错误信息

请帮助我知道我做错了什么!是不是版本不对?如果是这样,我在哪里可以获得最新的稳定版本?谢谢 :)

0 投票
1 回答
4069 浏览

r - 如何在 Rmarkdown 文件中包含 DiagrammeR/mermaid 流程图

我有一个 R 降价文件:

以及 DiagrammeR/美人鱼图表:

如何在 R-markdown 中添加图表?

0 投票
0 回答
861 浏览

visual-studio-code - 是否可以保存预览

我已经安装了美人鱼能够生成序列图。是否有在 Vs Code 中保存“预览”的一般方法?

0 投票
1 回答
380 浏览

gitbook - 我无法让 GitBook 美人鱼插件工作,我做错了什么?

我是 Gitbook 的新手,无法使用 mermaid 插件。

book.json

file.md :我将代码放入围栏代码块并标记它美人鱼

但它没有显示图表,它显示为:

请帮助我,为什么这不起作用?

0 投票
3 回答
13976 浏览

javascript - 如何在美人鱼节点描述中添加链接?

我想,在下面的图表中,

link在指向下添加一个实际链接http://google.com

我试图将相关节点修改为

但这会破坏(崩溃)图表。具体来说,我注意到不被接受的是href元素。

是否可以在美人鱼节点描述中添加链接?

编辑:我在 mermaid.js 存储库上打开了一个错误报告。截至 2017 年 6 月尚未修复。

0 投票
1 回答
4742 浏览

javascript - 如何使用“mermaid.js”在节点中嵌入图像

有没有办法在流程图图形节点中嵌入带有mermaid.js的图片?我试过:

0 投票
0 回答
787 浏览

r - 美人鱼甘特图未显示在 R 降价选项卡中

我希望将甘特图嵌入到 R 降价文件中。

我正在使用 DiagrammeR 包中的 Mermaid 函数来制作甘特图。我想将不同的图分隔到降价文件中的选项卡中。但是,这些图仅显示在第一个选项卡上。如果我有第二个或第三个标签,内容是空白的,我不知道为什么。

这是一些可重现的代码:

当我独立运行美人鱼代码块时,它们都可以工作。但由于某种原因,这些图不会在附加选项卡中呈现。有谁知道为什么以及如何解决?

谢谢!

0 投票
1 回答
725 浏览

mermaid - 是否可以设置字体颜色的样式?

我想将字体的默认黑色更改为白色。我尝试将其添加到图表的样式部分:

背景已正确更改为#e74c3c但字体保持黑色。然而,看起来在源代码中使用了正常的CSS.less样式

是否可以更改图表中的字体颜色?

0 投票
2 回答
7348 浏览

angular - Angular2/4 的流程图/流程图

我目前正在使用带有 Angular 版本 4 的 MEAN 堆栈开发应用程序。我需要创建动态流程图。我想要类似于http://fiddle.jshell.net/awolf2904/aw2e3ovz/中可用的内容, 这完全符合我的要求。它使用 Flowchart.js 和 Angular 1.X。美人鱼似乎也符合我的要求,但曾经支持 Angular 1.x。有人可以帮我吗?

0 投票
0 回答
591 浏览

r - 如何将 DiagrammeR 甘特图保存为 svg 文件

我想知道如何将使用 DiagrammeR 的美人鱼功能生成的甘特图保存为 SVG 文件。

以这篇文章中的以下甘特图为例:Gantt charts with R

如何将此图表导出为 svg 文件?

我已经看到有一个工具可以将 DiagrammeR grViz 图形导出为 svg 格式(https://github.com/rich-iannone/DiagrammeRsvg/blob/master/man/export_svg.Rd),但是这个工具不适用于美人鱼甘特图。

如果您尝试将其应用于上一个甘特图,您会得到以下具体错误:

有没有什么办法可以修改这个工具,使它也可以处理美人鱼图形?

非常感谢,

最好的,

亚特罗辛