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

diagramming - 美人鱼 CLI - 你如何转义字符?

我正在使用 Mermaid CLI 生成流程图(http://knsv.github.io/mermaid/flowchart.html)。它工作得很好,但我不知道如何让特殊字符(百分号、括号等)在节点内作为文本工作。

为了便于说明,这里是 Mermaid 的示例流程图定义(文件名为 example.mermaid):

当我在那个文件上运行 mermaid 时,我得到了这个错误(它在百分号上爆炸):

我尝试转义百分号,如下所示:

但是后来我在分号上得到了同样的错误。关于如何逃脱这些角色以使其发挥作用的任何想法?谢谢!

0 投票
3 回答
7349 浏览

javascript - 标记(Markdown)+美人鱼(流程图和图表)

努力让美人鱼 - https://github.com/knsv/mermaid 与 Marked 合作 - https://github.com/chjj/marked

根据我收集到的信息,我应该能够在降价中写下以下内容

并让它渲染

我错过了什么?

0 投票
3 回答
1043 浏览

phantomjs - 在指定路径找不到 phantomjs

我正在尝试开始使用 Mermaid CLI,但是当我尝试针对我的源文件运行它时,它说它找不到 phantomjs。(我正在运行 Win 7 64。)

但是 phantomjs 在我的路径中,我从命令提示符运行它没有问题。

我还尝试将 phantomjs 路径直接放入。这没有帮助。

奇怪的是,如果我要求详细的反馈,它也会告诉我它需要一个源文件

所以,我想知道我的来源是否有问题。其中,我刚刚从自述文件中复制。源文件如下所示:

任何想法将不胜感激。

0 投票
1 回答
7115 浏览

r - 使用 DiagrammeR 设计美人鱼图

我正在使用 R 中的 DiagrammeR 包来渲染带有美人鱼的流程图:

查看已编译的 XML,这会产生:

我的问题是:

  1. 为什么会显示指定的字体大小?(似乎不适用于任何字体属性)
  2. 有没有办法指定节点的宽度,这样我就不必在长段落中手动插入 html 中断?
  3. 美人鱼代码中有没有办法分解长行以使其更具可读性,例如 Python 中的“\”?
0 投票
1 回答
1179 浏览

r - 如何通过 DiagrammeR 在美人鱼(甘特图)中拥有 4 种以上的部分颜色?

我将不得不每天生成一个甘特图。我的想法是使用 R 的 DiagrammeR 包中包含的美人鱼 api。

我的数据将始终具有相同的结构,因此,我创建了一个包含在可重现示例中的非常原始的解析器。

我面临的问题是,在 4 个部分之后,样式再次从零开始:

我可以从 .css 更改rect.section.sectionx颜色,但不能添加新颜色。

有没有办法改变/个性化该部分的颜色/样式?

我的R可重现示例:

0 投票
1 回答
1486 浏览

javascript - 简单的美人鱼图失败

我尝试从美人鱼网站运行示例(工作副本在 codepen.io):

输出是:

在此处输入图像描述

同时,序列图效果很好

基本示例的问题在哪里?

更新

问题在于 Chrome 48 兼容性。它是通过使用最新js文件修复的:

0 投票
1 回答
1441 浏览

r - 从美人鱼导出为图像(甘特图)

我在尝试将甘特图导出为 png 或任何其他图像格式时遇到问题。RStudio 中的查看器向我展示了甘特图。它还为我提供了另存为图像的选项,但我发现放大时图像非常像素化。

这是我尝试过的,但运行后文件为空:

0 投票
0 回答
417 浏览

r - PowerBI R 代码错误

在这篇带有 R 的甘特图之后,我使用与链接相同的数据结构将数据存储在 data.frame 中。代码如下(注意前 4 行是由 powerBI 自动生成的,我无法修改它。

运行 R 脚本时,我收到以下错误消息。

没有创建图像。R 代码没有产生任何视觉效果。确保您的 R 脚本生成到 R 默认设备的绘图。

请指教为什么会这样?谢谢佩迪

0 投票
3 回答
1476 浏览

visual-studio-code - 在 Visual Studio Code 中以编程方式检测明暗主题

我正在开发一个可以预览美人鱼图的 Visual Studio Code扩展:

在此处输入图像描述

该扩展使用默认样式表,如果使用浅色主题,该样式表可以正常工作。但是,如果用户已将 Visual Studio Code 切换为使用深色主题,则样式表有一些与默认深色样式表不兼容的规则:

在此处输入图像描述

是否可以以编程方式检测活动主题类型(例如浅色/深色),以便我可以为每种情况提供不同的样式表?

我想使用捆绑在美人鱼中的样式表,而不是在我的扩展中制作完全不同的样式表。

0 投票
1 回答
78 浏览

meteor - 美人鱼图不显示在流星中

出于某种原因,我的美人鱼图没有显示在流星页面中。我确实在 dom 中看到了一些 SVG 的东西,但没有呈现图表...

在此处输入图像描述

非常感谢您的帮助...我在这里遗漏了一些非常明显的东西...