54 lines
1.6 KiB
Markdown
54 lines
1.6 KiB
Markdown
|
---
|
||
|
|
title: نمودارها
|
||
|
|
weight: 6
|
||
|
|
next: /docs/guide/shortcodes
|
||
|
|
---
|
||
|
|
|
||
|
|
در حال حاضر، هگزترا از [Mermaid](#mermaid) برای نمودارها پشتیبانی می‌کند.
|
||
|
|
|
||
|
|
<!--more-->
|
||
|
|
|
||
|
|
## Mermaid
|
||
|
|
|
||
|
|
[Mermaid](https://github.com/mermaid-js/mermaid#readme) یک ابزار نمودار و نمودار مبتنی بر جاوااسکریپت است که تعاریف متنی الهام گرفته از مارک‌داون را دریافت می‌کند و نمودارها را به صورت پویا در مرورگر ایجاد می‌کند. به عنوان مثال، Mermaid می‌تواند نمودارهای فلوچارت، نمودارهای توالی، نمودارهای دایره‌ای و موارد دیگر را رندر کند.
|
||
|
|
|
||
|
|
استفاده از Mermaid در هگزترا به سادگی نوشتن یک بلوک کد با مجموعه زبان `mermaid` است:
|
||
|
|
|
||
|
|
````markdown
|
||
|
|
```mermaid
|
||
|
|
graph TD;
|
||
|
|
A-->B;
|
||
|
|
A-->C;
|
||
|
|
B-->D;
|
||
|
|
C-->D;
|
||
|
|
```
|
||
|
|
````
|
||
|
|
|
||
|
|
به صورت زیر رندر خواهد شد:
|
||
|
|
|
||
|
|
```mermaid
|
||
|
|
graph TD;
|
||
|
|
A-->B;
|
||
|
|
A-->C;
|
||
|
|
B-->D;
|
||
|
|
C-->D;
|
||
|
|
```
|
||
|
|
|
||
|
|
نمودار توالی:
|
||
|
|
|
||
|
|
```mermaid
|
||
|
|
sequenceDiagram
|
||
|
|
participant Alice
|
||
|
|
participant Bob
|
||
|
|
Alice->>John: Hello John, how are you?
|
||
|
|
loop Healthcheck
|
||
|
|
John->>John: Fight against hypochondria
|
||
|
|
end
|
||
|
|
Note right of John: Rational thoughts <br/>prevail!
|
||
|
|
John-->>Alice: Great!
|
||
|
|
John->>Bob: How about you?
|
||
|
|
Bob-->>John: Jolly good!
|
||
|
|
```
|
||
|
|
|
||
|
|
برای اطلاعات بیشتر، لطفا به [مستندات Mermaid](https://mermaid-js.github.io/mermaid/#/) مراجعه کنید.
|