微知-mermaid中如何将某几条关系放入一个框中？作为子图？（subgraph AA开始，end结束）

最新推荐文章于 2025-05-07 20:56:19 发布
原创 最新推荐文章于 2025-05-07 20:56:19 发布 · 431 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#mermaid

方式

以subgraph [title] 关键字开始
以end结束
中间的关系都会被

subgraph AA
ab --> b
end

实操

在这里插入图片描述

mermaid之subgraph的使用
yqq1997的博客
10-10 3950
mermaid之subgraph的使用
Mermaid语法大全
weixin_45017098的博客
06-13 8272
​ Mermaid是一个开源的、基于JavaScript的绘图库，它可以用简洁的、人类可读的文本描述和绘制流程图、序列图、甘特图、类图、实例图、状态图和部署图等不同类型的图表。Mermaid的语法简单易懂，支持针对不同类型图表的定制化设置，可以轻松绘制高质量的图表并嵌入到网页、Markdown文档和其它支持HTML的场景之中。此外，它还支持插件和编辑器的集成，使得用户可以更加高效地使用和管理Mermaid图表。Mermaid是一个接近理想状态的图表和流程图的设计工具，是众多开发者和作者的首选。
[教程]网络流详解: 从入门到放弃
weixin_30323961的博客
04-03 659
网络流从入门到放弃 [TOC] by 沉迷流体力学无心刷题的rvalue €€£ WARNING: 前方多图杀猫 关于这篇文章 本来这个是18年12月在校内讲课用的课件...本来打算当时就放到博客上但是因为里面有大量mermaid图就没敢放qaq...然而突然发现cnblogs是滋磁mermaid图的于是就丢出来了qaq 如果有错漏之处还请在评论区指正. 好像由于目录结构太大所以cnbl...
Mermaid的常见用法
软件行业技术文化交流。
05-07 3094
以下是 Mermaid.js 常见图表语法的详细整理，涵盖 10 种常用图表类型，附语法说明和示例代码，适合快速查阅和实战使用。
Mermaid说明
pumpkin84514的博客
09-12 9403
在 Mermaid 中，注释使用%%符号添加。这些注释在生成的图形中不会显示，它们仅用于在 Mermaid 源代码中添加额外的说明或文档。可以根据具体的图类型在适当的位置添加注释，以提高代码的可读性和可维护性。
graph TD A[开始] --> B{do-while: nums < maxPkts} B --> C[初始化 ring_empty_flag 数组为 0] subgraph "轮询每个 RX Ring" C --> D[rxRingIdx = RX_RING_NUM - 1] D --> E{rxRingIdx >= 0 ?} E -->|是| F[是否绑定到 INT-1 中断？<br>（根据 int1_rx_ring 位掩码判断）] F -->|否| G[标记 ring_empty_flag[rxRingIdx] = 1<br>rxRingIdx-- → 继续] F -->|是| H[计算本次接收预算：<br>nPkts = min(maxPkts - nums, RX_DSCP_BUDGET[rxRingIdx])] H --> I{nPkts > 0?} I -->|否| J[标记 ring_empty_flag[rxRingIdx] = 1<br>rxRingIdx-- → 继续] I -->|是| K[调用 qdma_bm_receive_packets(nPkts, rxRingIdx)] K --> L[curNum = 实际接收包数] L --> M{curNum < nPkts?} M -->|是| N[ring_empty_flag[rxRingIdx] = 1] M -->|否| O[继续] N --> P O --> P{curNum > nPkts?} P -->|是| Q[记录错误日志：数量异常] P -->|否| R[nums += curNum] Q --> R R --> S[rxRingIdx--] S --> E E -->|否| T[进入 emptyFlag 判断] end T --> U[emptyFlag = 1] U --> V[遍历所有 rxRingIdx: 0 到 RX_RING_NUM-1] V --> W{ring_empty_flag[rxRingIdx] == 0?} W -->|是| X[emptyFlag = 0] X --> Y[rxRingIdx++] W -->|否| Y Y --> Z{rxRingIdx < RX_RING_NUM?} Z -->|是| W Z -->|否| AA{emptyFlag == 1?} AA -->|是| AB[break; 所有 Ring 已空] AA -->|否| AC[nums < maxPkts?<br>→ 继续循环] AC -->|是| B AC -->|否| AD[结束] style A fill:#4CAF50,stroke:#388E3C,color:white style AD fill:#F44336,stroke:#D32F2F,color:white style K fill:#FFC107 style Q fill:#FF5722 生成mermaid符合draw.io18.4版本的
10-31
你提供的 `mermaid` 图是一个 **流程图（graph TD）**，描述了一个轮询多个 RX Ring 并接收数据包的逻辑，使用了条件判断、循环、子图等结构。但你提到“生成符合 draw.io 18.4 版本”的 mermaid 图，这里需要澄清：...
graph TD A[用户配置] --> B[输入参数] subgraph 配置模块 B --> C{参数校验} C -->|有效| D[计算染色值] C -->|无效| E[返回错误] end D --> F[染色目标值 = DSCP XOR (1<<染色位)] D --> G[去染色匹配值 = 染色目标值] subgraph inPoint节点 H[报文到达] --> I{五元组匹配<br>&&<br>DSCP=初始值?} I -->|是| J[修改DSCP = 染色目标值] J --> K[染色计数器+1] I -->|否| L[保持DSCP] K --> M[记录时间戳] L --> M M --> N[转发报文] end subgraph outPoint节点 O[报文到达] --> P{五元组匹配<br>&&<br>DSCP=染色目标值?} P -->|是| Q[还原DSCP = 初始值] Q --> R[去染色计数器+1] P -->|否| S[保持DSCP] R --> T[记录时间戳] S --> T T --> U[转发报文] end subgraph midPoint节点 V[报文经过] --> W{检测DSCP状态} W -->|染色目标值| X[染色流量计数+1] W -->|初始值| Y[正常流量计数+1] X --> Z[更新时间戳] Y --> Z end N --> AA[流量统计] U --> AA Z --> AA AA --> AB[生成报告] style A fill:#F9E79F,stroke:#F39C12 style H fill:#AED6F1,stroke:#3498DB style O fill:#AED6F1,stroke:#3498DB style V fill:#AED6F1,stroke:#3498DB style J fill:#ABEBC6,stroke:#27AE60 style Q fill:#F5B7B1,stroke:#E74C3C。将其转换成.xml格式
11-04
我们有一个Mermaid流程图，需要将其转换成XML格式。注意，Mermaid是一种文本描述图表的语言，而XML是一种标记语言，我们需要根据流程图的结构来构建XML树。 观察给定的Mermaid图： 1. 整体结构：有多个子图...
graph TD A[用户配置] --> B[输入参数] subgraph 配置模块 B --> C{参数校验} C -->|有效| D[计算染色值] C -->|无效| E[返回错误] end D --> F[染色目标值 = DSCP XOR (1<<染色位)] D --> G[去染色匹配值 = 染色目标值] subgraph inPoint节点 H[报文到达] --> I{五元组匹配<br>&&<br>DSCP=初始值?} I -->|是| J[修改DSCP = 染色目标值] J --> K[染色计数器+1] I -->|否| L[保持DSCP] K --> M[记录时间戳] L --> M M --> N[转发报文] end subgraph outPoint节点 O[报文到达] --> P{五元组匹配<br>&&<br>DSCP=染色目标值?} P -->|是| Q[还原DSCP = 初始值] Q --> R[去染色计数器+1] P -->|否| S[保持DSCP] R --> T[记录时间戳] S --> T T --> U[转发报文] end subgraph midPoint节点 V[报文经过] --> W{检测DSCP状态} W -->|染色目标值| X[染色流量计数+1] W -->|初始值| Y[正常流量计数+1] X --> Z[更新时间戳] Y --> Z end N --> AA[流量统计] U --> AA Z --> AA AA --> AB[生成报告] style A fill:#F9E79F,stroke:#F39C12 style H fill:#AED6F1,stroke:#3498DB style O fill:#AED6F1,stroke:#3498DB style V fill:#AED6F1,stroke:#3498DB style J fill:#ABEBC6,stroke:#27AE60 style Q fill:#F5B7B1,stroke:#E74C3C 能将其转换成.xml格式吗，要全，不要遗漏，我知道你是转换大师
11-04
我们有一个Mermaid格式的流程图，现在需要将其转换成XML格式。注意，XML需要完整表示原流程图的所有节点、连线、子图、样式等信息。 由于原图较为复杂，包含多个子图（配置模块、inPoint节点、outPoint节点、...
金属外壳中的ESP32天线补偿方案：实测信号衰减高达-20dB怎么办？
# 1. 金属外壳对ESP32无线信号的影响机制 ...在嵌入式无线通信系统中，ESP32作为广泛应用的Wi-Fi与蓝牙双模SoC芯片，其射频性能高度依赖于天线设计。然而，在工业、汽车或智能家电等应用场景中，设备常采用金属外
flowchart TD subgraph 数据预处理 A[原始数据] --> B[时间对齐与重采样] B --> C[标准化: 状态量二值化/模拟量Z-score] C --> D[滑动窗口构造: T=窗口长度, stride=步长] D --> E[标签生成: 互相关计算或人工标注] end subgraph 模型架构 subgraph 双流LSTM编码器 F[状态量输入 S ∈ R^{T×1}] --> G[LSTM编码器] H[模拟量输入 A ∈ R^{T×m}] --> I[LSTM编码器] G --> J[状态量特征 H_s ∈ R^{T×h}] I --> K[模拟量特征 H_a ∈ R^{T×h}] end subgraph 交叉注意力机制 J --> L[Query投影: Q = H_s·W_q] K --> M[Key投影: K = H_a·W_k] K --> N[Value投影: V = H_a·W_v] L & M --> O[计算注意力权重: softmax(QK^T/√d)] O & N --> P[加权聚合: Attention(Q,K,V)] P --> Q[时间步对齐位置计算 j_i = Σk·A_{ik}] Q --> R[窗口级延迟估计 d = median(j_i - i)] end subgraph 输出层 R --> S[回归头: 全连接层 → d_pred] S --> T[异常分类头: Sigmoid → p_anomaly] end end subgraph 训练与优化 T --> U[联合损失函数] U --> V["L = α·Huber(d_pred, d_true) + β·BCE(p, y) + γ·对齐损失"] V --> W[AdamW优化器 + 学习率调度] end subgraph 异常检测与对齐 S --> X[阈值判定: |d_pred| > μ±kσ?] X -->|是| Y[标记为异常] X -->|否| Z[正常数据] S --> AA[序列对齐: 整数延迟平移/样条插值] AA --> AB[对齐评估: DTW距离/MI值] end subgraph 验证部署 AB --> AC[合成数据测试: MAE/F1-score] AC --> AD[实际场景微调] AD --> AE[模型轻量化: ONNX/TensorRT] end style 数据预处理 fill:#f9f9f9,stroke:#666 style 模型架构 fill:#e6f3ff,stroke:#3399ff style 训练与优化 fill:#ffe6e6,stroke:#ff6666 style 异常检测与对齐 fill:#e6ffe6,stroke:#66cc66 style 验证部署 fill:#fff0e6,stroke:#ff9933，对上述代码进行优化
03-18
用户之前遇到了一个语法错误，现在他们提供了一个更复杂的流程图代码，并希望进行优化。首先，我要仔细检查用户提供的代码，找出可能的语法问题和改进点。 首先，用户之前的错误是关于节点符号不匹配，特别是...
Mermaid 详解与实践
Jiuri的博客
01-01 8413
Mermaid 是一种基于文本的图表绘制语言，它巧妙地融合在 Markdown 文档里，让使用者无需复杂的图形编辑软件，仅靠敲代码就能生成专业美观的各类图表。这一特性使得它在技术写作、项目文档、知识分享等领域迅速走红，为可视化表达流程、架构、时间安排等信息提供了高效途径。官网地址 https://mermaid.nodejs.cn/intro/。
【每天1分钟】MarkDown语法学习之流程图-mermaid-子流程
小白TOO爱学习的博客
07-03 2429
【每天1分钟】MarkDown语法学习之流程图-mermaid-子流程 子流程 格式 subgraph title graph definition end 示例 mermaid graph TB c1-->a2 subgraph one a1-->a2 end subgraph two b1-->b2 end ...
subgraph之间的连线
fduffyyg的博客
02-14 690
subgraph之间的连线
注水：mermaid 学习笔记
weixin_34247155的博客
12-25 285
mermaid 学习笔记 mermaid mermaid 是一个 JS 库。 Generation of diagram and flowchart from text in a similar manner as markdown 通过设计一些语法规则，实现将符合该语法的语句转化成相应的说明图，例如流程图、通讯图和甘特图。 盗其 git...
Markdown里面使用mermaid画流程图（基础）
热门推荐
背对星星和月亮
09-21 6万+
Markdown里面使用mermaid画流程图（基础）之前有介绍如何在Markdown里面使用flowchart.js插件支持画流程图。Markdown编辑器Typora同样支持使用mermaid插件来进行画图。Graph关键字graph表示一个流程图的开始，同时需要指定该图的方向。例如 graph LR ​ A –> B 表示如下一个从左到右的图。流程图的定义仅由graph开始，但是方向
（45页PPT）智慧口某省市场发展前景及投资研究报告.ppt
12-03
（45页PPT）智慧口某省市场发展前景及投资研究报告.ppt
3D打印机调度问题的研究。目标是同时降低完成时间和成本.zip
最新发布
12-03
1.版本：matlab2014a/2019b/2024b 2.附赠案例数据可直接运行。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。
Bot468__30192_1764666289903.zip
12-03
Bot468__30192_1764666289903.zip
（41页PPT）智慧地铁公交智慧防控系统解决方案.pptx
12-03
（41页PPT）智慧地铁公交智慧防控系统解决方案.pptx
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值