logo标签列表

使用DiagrammeR为美人鱼图表添加样式

rsvgmermaid
6

我正在使用R中的DiagrammeR包来渲染一个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，这将产生：

#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. 在mermaid代码中有没有一种方法可以分隔长行以使其更易读，例如Python中的“\”？
1个回答
3
谢谢，但这正是我想避免的（“...以便我不必在长段落中手动插入HTML换行符）。我希望能够指定p标签的宽度属性或其他内容，以使所有节点自动等宽。 - user2987808
1
是的，我明白。我在Rnw文件中使用tikz来获得那种定制。不确定DiagrammeR是否公开了你所需要的参数。 - Ben
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接