使用DiagrammeR为美人鱼图表设计样式

时间:2015-05-13 10:07:04

标签: r svg mermaid

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

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. 美人鱼代码中是否有一种方法可以打破长线以使其更具可读性,例如" \"在Python?

1 个答案:

答案 0 :(得分:2)

要分解长队,请使用<br>。帽子提示:https://github.com/rich-iannone/DiagrammeR/issues/106#issuecomment-103304351