绘制时序图工具，Wavedrom 使用方法

例程demo:

{ signal: [
    [ 'AD9747_SPI_WR',
      { name: "CLK_200M",  wave: "p.|.........|..|................" ,period: 1  },
      { name: "r_STATE",   wave: "=...=.=.....................==.." ,data: ["01","02","04","08","01"] },
      { name: "WR_CMD",    wave: "0..10..........................." ,node: '...a'},
      { name: "CSB",       wave: "1....0.....................1...." ,node: '.....b'},
      { name: "SCLK",      wave: "0.........1....0...|.1|........." },
      { name: "SDIO",      wave: "x....3.........6..........X....." , data: ["W=0","WR_REG"]},
      { name: "SCK_CNT",     wave: "=.....==========.==========....." , data: ["0","1","2","3","4","0","1","2","3","4","0","1","2","3","4","0","1","2","3","4","0"]}
    ],  
    [ 'AD9747_SPI_RD',
    { name: "CLK_200M",    wave: "p.|...........|................." },
    { name: "r_STATE",     wave: "=...=.=.....................==..", data: ["01","10","20","40","01"] },
    { name: "RD_CMD",      wave: "0..10..........................." ,node: '...c'},
    { name: "CSB",         wave: "1....0.....................1...." ,node: '.....d.....................e'},
    { name: "SCLK",        wave: "0.........1....0...|.1|........." ,node: '.....g....h....i'},
    { name: "SDO",         wave: "x....5.........7..........X....." , data: ["R=1","RD_REG"]},
    { name: "SCK_CNT",     wave: "=.....==========.==========....." , data: ["0","1","2","3","4","0","1","2","3","4","0","1","2","3","4","0","1","2","3","4","0"]},
    { name: "RD_DATA",     wave: "x...........................4..." , data: ["RD_DATA"]},
    { name: "RD_DATA_VLD", wave: "0...........................10.." ,node: '............................f', data: ["RD_DATA"]}
  ]
  ],
  edge: [
    'a~->b ','c~->d ','e->f ','g-h 20ns','h-i 20ns'
  ],
  config: {
    hscale : 1  ,
    //skin   : “default”、“dark”、“lowkey”、“narrow”
    skin   : "narrow"
  },
  head:{
    text:'',
    tick:0,
    every:1
  },
  foot:{
    //text:'WR_FSM',
    //tock:0
  }
}

效果图：

 转载链接：

超详细WaveDrom教程，时序图绘制利器-CSDN博客