跳至内容

Mermaid 看板图文档

Mermaid 的看板图允许您创建工作流中任务在不同阶段移动的视觉表示。本指南解释了如何使用看板图语法,以提供的示例为基础。

概述

Mermaid 中的看板图以 kanban 关键字开头,后面跟着列(阶段)和这些列中的任务的定义。

定义列

列代表您工作流中的不同阶段,例如“待办事项”、“进行中”、“已完成”等。每个列都使用唯一的标识符和方括号内的标题进行定义。

语法

columnId[Column Title]
  • columnId: 列的唯一标识符。
  • [Column Title]: 在列标题上显示的标题。

例如 id1[待办事项]

向列中添加任务

任务以缩进的方式列在其各自的列下。每个任务也有一个唯一的标识符和方括号内的描述。

语法

taskId[Task Description]
•	taskId: A unique identifier for the task.
•	[Task Description]: The description of the task.

示例

docs[Create Documentation]

向任务添加元数据

您可以使用 @{ ... } 语法为每个任务包含额外的元数据。元数据可以包含键值对,例如分配者、工单、优先级等。这将被渲染到节点的渲染中。

支持的元数据键

•	assigned: Specifies who is responsible for the task.
•	ticket: Links the task to a ticket or issue number.
•	priority: Indicates the urgency of the task. Allowed values: 'Very High', 'High', 'Low' and 'Very Low'

配置选项

您可以在 Markdown 文件开头使用配置块来自定义看板图。这对于设置全局设置(例如工单的基本 URL)很有用。目前,看板图有一个配置选项 tacketBaseUrl。这可以在以下示例中设置

yaml
---
config:
  kanban:
    ticketBaseUrl: 'https://yourproject.atlassian.net/browse/#TICKET#'
---

当看板条目有一个分配的工单号时,图表中的工单号将链接到定义工单的外部系统。ticketBaseUrl 设置外部系统的基本 URL,而 #TICKET# 将被替换为任务元数据中的工单值以创建一个有效的链接。

完整示例

以下是基于提供的示例的完整看板图

总之,在 Mermaid 中创建看板图是一个简单的过程,可以有效地可视化您的工作流。首先使用 kanban 关键字启动图表。使用唯一的标识符和标题定义您的列以代表项目的不同阶段。在每个列下,列出您的任务(也具有唯一的标识符)并根据需要提供详细的描述。请记住,正确的缩进至关重要;任务必须缩进在其父列下以保持正确的结构。

您可以通过使用 @{ ... } 语法将可选元数据添加到任务来增强您的图表,这允许您包含额外的上下文,例如分配者、工单号和优先级级别。为了进一步自定义,请使用文件顶部的配置块设置全局选项,例如 ticketBaseUrl 用于直接从图表链接工单。

通过遵循这些指南(确保唯一的标识符、正确的缩进以及使用元数据和配置选项),您可以创建一个全面且定制的看板,使用 Mermaid 有效地映射出项目的工作流。