为信号选择合适的显示方式
多状态转换使用 robust，紧凑数值或消息状态使用 concise，二态信号使用 binary，重复脉冲使用 clock，需要在设定点之间线性插值的连续数值使用 analog。
PlantUML Timing Diagram 在线编辑器
在线创建 PlantUML Timing Diagram（时间图），在统一时间轴上展示状态、数值和信号的精确变化，并检查约束和导出图表。
PlantUML Timing Diagram 在线编辑器工作区
从中文Timing Diagram 时间图模板开始，编辑 PlantUML 源码并实时查看渲染结果。
使用轻量编辑器快速预览。需要 AI 生成、语法修复或项目协作时，请打开完整编辑器。
图表预览
使用 PlantUML 创建Timing Diagram 时间图
在可编辑工作区中设计robust 与 concise 状态线、二进制与时钟信号、模拟数值、消息、精确时间点和时间约束，无需安装 Java 或 Graphviz。
内置Timing Diagram 时间图模板
从可直接渲染的中文Timing Diagram 时间图示例开始。
实时图表预览
编辑 PlantUML 源码时同步检查图表结构与标签。
专属语法说明
学习robust 与 concise 状态线、二进制与时钟信号、模拟数值、消息、精确时间点和时间约束的常用表达方式。
PNG 与 SVG 导出
从同一份源码下载适合分享或文档使用的图表。
如何在线创建 PlantUML Timing Diagram 时间图
使用内置模板创建适用于嵌入式系统、硬件协议、请求超时、设备行为、状态协同和实时系统评审的Timing Diagram 时间图。
- 01
确定时间范围，以及需要对比的信号、参与者或状态。
- 02
为每一行选择 robust、concise、binary、clock 或 analog 等显示类型。
- 03
设置初始状态或数值，再在绝对或相对时间点添加变化。
- 04
只有在说明依赖或必要时长时才添加消息和约束。
- 05
检查各行在统一时间轴上的对齐关系，然后导出 PNG 或 SVG。
PlantUML Timing Diagram 时间图语法与应用场景
学习Timing Diagram 时间图的核心语法与建模方法，并直接在上方编辑器中应用。
在时间轴上设置状态变化
使用 @ 加时间点定位事件，再通过 is 设置状态。绝对时间便于比较独立事件；当间隔比全局时间更重要时，可以使用 @+100 这样的相对时间。
@0
request is 空闲
@100
request is 已发送
@+150
request is 等待响应添加消息与时间约束
一个参与者在特定时间触发另一个参与者时，可以添加消息。需要明确延迟、超时、建立时间或响应窗口时，使用两个时间点之间的约束箭头。
client -> server@100 : 请求
@100 <-> @250 : 150 ms 超时Timing Diagram 与 Sequence Diagram 如何选择
当核心问题是精确时间、持续时长或多行状态对齐时使用 Timing Diagram（时间图）；只需要表达消息先后顺序、不需要统一量化时间轴时使用 Sequence Diagram（交互时序图）。
PlantUML Timing Diagram 时间图中文示例
编辑示例源码，检查实时预览，并按需导出 PNG 或 SVG。
@startuml
robust "接口请求" as request
concise "工作线程状态" as worker
binary "允许重试" as retry
@0
request is 空闲
worker is 等待
retry is low
@100
request is 已发送
worker is 处理中
@250
request is 等待响应
worker is 重试中
retry is high
@400
request is 已完成
worker is 已结束
retry is low
@enduml相关 PlantUML 工具
需要其他导出格式或完整 PlantUML 编辑流程时，可以使用这些相关工具。
为什么使用 PlantUML 创建Timing Diagram 时间图
PlantUML 将Timing Diagram 时间图保存为可审阅文本，便于更新、版本控制、复用和导出。
从正确模板开始
直接使用Timing Diagram 时间图模板，无需改造无关示例。
让模型便于评审
使用可读文本保存设计，适合文档和版本控制。
导出前检查结果
在分享之前检查图表结构、关系和标签。
常见问题
什么是 PlantUML Timing Diagram 时间图在线工具？
这是一个从Timing Diagram 时间图模板开始的浏览器编辑器，可编辑源码、实时预览并导出 PNG 或 SVG。
Timing Diagram 时间图适合哪些场景？
常见场景包括嵌入式系统、硬件协议、请求超时、设备行为、状态协同和实时系统评审，可以根据实际系统替换内置示例。
PlantUML Timing Diagram 可以使用相对时间吗？
可以。使用 @+ 加偏移量，把下一个变化放在前一个时间点之后。PlantUML 也支持绝对数字时间、时钟时间、日期和命名锚点。
可以在一张图中同时展示二进制、时钟和模拟信号吗？
可以。PlantUML Timing Diagram 支持 binary、clock、analog、concise、rectangle 和 robust，多种显示方式可以共享同一时间轴。
可以把Timing Diagram 时间图导出为 PNG 或 SVG 吗？
可以。PNG 适合演示文稿和快速分享，SVG 适合需要缩放的网页与技术文档。
需要安装 PlantUML、Java 或 Graphviz 吗？
不需要。在线工具通过服务端生成预览，可以直接在浏览器中编辑和导出。
需要 AI 辅助编辑吗？
打开 OnUML 完整编辑器，使用 AI 生成、语法修复、分享和项目管理。