Kiểm tra biểu đồ Mermaid

Đây là một tập tin kiểm tra, dùng để xác minh chức năng hiển thị biểu đồ Mermaid trong CZON.

Ví dụ về lưu đồ

graph TD
    A[Bắt đầu] --> B{Có tiếp tục không?}
    B -->|Có| C[Thực hiện thao tác]
    B -->|Không| D[Kết thúc]
    C --> E[Kiểm tra kết quả]
    E --> F{Có thành công không?}
    F -->|Có| G[Hoàn thành]
    F -->|Không| H[Thử lại]
    H --> C
    G --> D

Ví dụ về biểu đồ tuần tự

sequenceDiagram
    participant User
    participant System
    participant Database

    User->>System: Gửi yêu cầu
    System->>Database: Truy vấn dữ liệu
    Database-->>System: Trả về kết quả
    System-->>User: Hiển thị kết quả

Ví dụ về biểu đồ Gantt

gantt
    title Lịch trình dự án
    dateFormat  YYYY-MM-DD
    section Thiết kế
    Phân tích yêu cầu     :done,    des1, 2024-01-01, 7d
    Thiết kế nguyên mẫu   :active,  des2, 2024-01-08, 5d
    Thiết kế chi tiết     :         des3, after des2, 5d
    section Phát triển
    Phát triển giao diện  :         dev1, after des3, 10d
    Phát triển backend    :         dev2, after des3, 15d
    section Kiểm thử
    Kiểm thử đơn vị       :         test1, after dev1, 5d
    Kiểm thử tích hợp     :         test2, after dev2, 5d

Ví dụ về biểu đồ lớp

classDiagram
    class Animal {
        +String name
        +int age
        +void eat()
        +void sleep()
    }
    class Dog {
        +void bark()
    }
    class Cat {
        +void meow()
    }

    Animal <|-- Dog
    Animal <|-- Cat

Ví dụ về biểu đồ trạng thái

stateDiagram-v2
    [*] --> Idle
    Idle --> Processing : Bắt đầu xử lý
    Processing --> Success : Xử lý thành công
    Processing --> Error : Xử lý thất bại
    Success --> [*]
    Error --> [*]

Ví dụ về biểu đồ tròn

pie title Tỷ lệ sử dụng trình duyệt
    "Chrome" : 65.2
    "Firefox" : 15.3
    "Safari" : 12.5
    "Edge" : 5.2
    "Khác" : 1.8

Kiểm tra cú pháp lỗi (nên hiển thị thông báo lỗi)

graph TD
    A --> B
    // Thiếu định nghĩa mũi tên ở đây
    C --> D

Tập tin kiểm tra này bao gồm nhiều loại biểu đồ Mermaid, dùng để xác minh tích hợp Mermaid trong CZON có hoạt động bình thường hay không.

Tài liệu kiểm tra biểu đồ Mermaid