+
+
---
config:
look: handDrawn
+ flowchart:
+ htmlLabels: false
---
flowchart
- a_a(Aftonbladet) --> b_b[gorilla]:::apa --> c_c{chimp}:::apa -->a_a
- a_a --> c --> d_d --> c_c
- classDef apa fill:#f9f,stroke:#333,stroke-width:4px;
- class a_a apa;
- click a_a "http://www.aftonbladet.se" "bookmark"
- click c_c callback "new tooltip"
-
+ A[I am a long text, where do I go??? handdrawn - false]
+
+
+---
+config:
+ look: handdrawn
+ flowchart:
+ htmlLabels: true
+---
+flowchart
+ A[I am a long text, where do I go??? handdrawn - true]
+
+
+
+---
+config:
+ flowchart:
+ htmlLabels: false
+---
+flowchart
+ A[I am a long text, where do I go??? classic - false]
+
+
+---
+config:
+ flowchart:
+ htmlLabels: true
+---
+flowchart
+ A[I am a long text, where do I go??? classic - true]
+
+
flowchart LR
id1(Start)-->id2(Stop)
style id1 fill:#f9f,stroke:#333,stroke-width:4px
style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
-
+
@@ -117,7 +149,7 @@ flowchart LR
stateDiagram
- A:::foo
+ A:::foo
B:::bar --> C:::foobar
classDef foo stroke:#f00
classDef bar stroke:#0f0
diff --git a/packages/mermaid/src/diagrams/flowchart/styles.ts b/packages/mermaid/src/diagrams/flowchart/styles.ts
index 549fddec1..0ca2c1321 100644
--- a/packages/mermaid/src/diagrams/flowchart/styles.ts
+++ b/packages/mermaid/src/diagrams/flowchart/styles.ts
@@ -59,7 +59,7 @@ const getStyles = (options: FlowChartStyleOptions) =>
stroke: ${options.nodeBorder};
stroke-width: 1px;
}
- .node .label text {
+ .rough-node .label text , .node .label text {
text-anchor: middle;
}
// .flowchart-label .text-outer-tspan {