$CSSC-WORK\murmur$ CSSC-WORK\murmur 3e6078442b init version

2024-04-15 11:19:57 +08:00

4.1 KiB

Raw Blame History

title	updated	created
时序图绘制软件WaveDorm的使用	2022-01-12 07:29:58Z	2022-01-08 13:17:44Z

原文链接：https://blog.csdn.net/ASimpleMan1/article/details/108921294

参考文档： Hitchhiker 的 WaveDrom 指南 github链接

信号的定义

首先，从官方的参考开始分析。官方的第一个例子如下。代码是这样的。 { signal: [{ name: 'Alfa', wave: '01.zx=ud.23.45' }] } 获得的结果呢，是这样的。我们可以据此呢，得到一些答案。绘制成如下的表格。一个符号代表的是一个周期。

时钟的定义

还是官方的例子。代码是这样的。

wd({ signal: [
   { name: 'pclk', wave: 'p.......' },
   { name: 'Pclk', wave: 'P.......' },
   { name: 'nclk', wave: 'n.......' },
   { name: 'Nclk', wave: 'N.......' },
   {},
   { name: 'clk0', wave: 'phnlPHNL' },
   { name: 'clk1', wave: 'xhlhLHl.' },
   { name: 'clk2', wave: 'hpHplnLn' },
   { name: 'clk3', wave: 'nhNhplPl' },
   { name: 'clk4', wave: 'xlh.L.Hx' },
 ]})

具体的波形却是这样的。

也很能说明问题，具体可以总结如下。

注意，l、L、h、H半个周期占用了一个时钟周期的时间。

数据标签

将上面两者，结合起来，可以得到不错的效果，这里增加一个功能，就是给相应的数据增加标签，采用“data”关键字，一个“data”中的字符与一个数据符号相对应。包括等号与大于1的数字。

代码是这样的。

{ signal: [
   { name: "clk",  wave: "P......." },
   { name: "bus",  wave: "x.==.==x", data: ["head", "<o>body</o>", "tail", "data"] },
   { name: "wire", wave: "0.1..0.." }
 ]}

得到的结果是这样的。

还可以增加低电平的表示，采用的是与搭配的方式实现的。

间隔与间隙

使用“|”起到增加间隔，或者说间隙的作用。

代码如下。

{ signal: [
   { name: "clk",         wave: "p.....|..." },
   { name: "Data",        wave: "x.345x|=.x", data: ["head", "body", "tail", "data"] },
   { name: "Request",     wave: "0.1..0|1.0" },
   {},
   { name: "Acknowledge", wave: "1.....|01." }
 ]}

结果如下。

周期和相位

周期使用的是“period”关键字，相位使用的是“phase”关键字。

代码如下。

{ signal: [
   { name: "CK",   wave: "P.......",                                              period: 2  },
   { name: "CMD",  wave: "x.3x=x4x=x=x=x=x", data: "RAS NOP CAS NOP NOP NOP NOP", phase: 0.5 },
   { name: "ADDR", wave: "x.=x..=x........", data: "ROW COL",                     phase: 0.5 },
   { name: "DQS",  wave: "z.......0.1010z." },
   { name: "DQ",   wave: "z.........5555z.", data: "D0 D1 D2 D3" }
 ]}

结果如下。

标题和末尾

head/foot

head: {...} and foot: {...} 属性定义时序图之上/之下的内容.

tick

添加与垂直标记线对齐的时间轴标签。

tock

添加在垂直标记之间的时间轴标签。

text

添加标题文字。

对应的代码如下。

{signal: [
   {name:'clk',         wave: 'p....' },
   {name:'Data',        wave: 'x345x', data: 'a b c' },
   {name:'Request',     wave: '01..0' }
 ],
 
 head:{
    text:'WaveDrom example',
    tick:0,
  },
 
 foot:{
    text:'Figure 100',
    tock:9
  },
 
}

还有一些其他的可以参考官方的guide document。

4.1 KiB Raw Blame History Unescape Escape