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

图表和流程图

·1 分钟

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

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

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

流程图 #

Section

Get money

One

Two

Three

Christmas

Go shopping

Let me think

Another

Laptop

iPhone

Car

时序图 #

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图 #

has

places

liable for

receives

covers

includes

contains

ordered in

CUSTOMER

DELIVERY-ADDRESS

ORDER

INVOICE

ORDER-ITEM

PRODUCT-CATEGORY

PRODUCT