使用DiagrammeR样式美人鱼图 [英] Styling mermaid diagrams with DiagrammeR

问题描述

我正在R中使用DiagrammeR软件包与美人鱼一起绘制流程图:

I'm using the DiagrammeR package in R to render a flowchart with mermaid:

graph LR
A[text]-->B[a very, very, very, very, very, very, very, very, long text]

style A fill:red, font-size:50px

查看已编译的XML，将产生:

Looking at the compiled XML, this produces:

#mermaidChart0 .node { fill:#ffa; stroke:#666; stroke-width:3px; }
#mermaidChart0 .node text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
#mermaidChart0 .edgeLabel text  { fill:#000; stroke:none; font-weight:300; font-family:"Helvetica Neue",Helvetica,Arial,sans-serf; font-size:14px; }
.mermaid .label { color: rgb(51, 51, 51); }
.mermaid .node { fill: #d2d2d2; stroke: #929193; stroke-width: 1px; }
.mermaid .edgePath .path { stroke: #333333 !important; }
.DiagrammeR g .label { font-family: Helvetica; font-size: 14px; color: rgb(51, 51, 51); }

我的问题是:

1. 为什么显示指定的字体大小? (似乎不适用于任何字体属性)
2. 有没有一种方法可以指定节点的宽度，这样我就不必在长段落中手动插入html换行符了?
3. 美人鱼代码中是否有一种方法可以将长行打乱以使其更具可读性，例如在Python中是"\"?

推荐答案

要分隔长行，请使用<br>.提示: https://github.com/rich-iannone/DiagrammeR/issues/106#issuecomment-103304351

To break up long lines use <br>. Hat-tip: https://github.com/rich-iannone/DiagrammeR/issues/106#issuecomment-103304351

这篇关于使用DiagrammeR样式美人鱼图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！