跳到主要内容
  1. 内容样例/

图表和流程图

·1 分钟

Congo 支持使用 mermaid 短代码插入 Mermaid 图表。只需将图表标记包裹在短代码内。Congo 会自动根据配置的 colorScheme 参数为 Mermaid 图表添加主题。

有关更多详细信息,请参阅 mermaid 短代码 文档。

以下示例是从 官方 Mermaid 文档 中摘取的一小部分。您还可以在 GitHub 上 查看页面源代码 以查看标记。

流程图 #

Section
Get money
One
Two
Three
Let me think
Laptop
iPhone
Car
Another
Christmas
Go shopping

时序图 #

BobJohnAliceBobJohnAlicepar[Action 1][Action 2]John is perceptiveloop[Every minute]Hello John, how are you?1Hello Bob, how are you?2Hello John, how are you?3John, can you hear me?4Hi Alice, I can hear you!5I feel great!6Great!7

类图 #

1
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

ER图 #

CUSTOMERDELIVERY-ADDRESSORDERINVOICEORDER-ITEMPRODUCT-CATEGORYPRODUCThasplacesliable forreceivescoversincludescontainsordered in