如何配置Mermaid Packet Diagram（数据包图）

Mermaid的数据包图教程里没有提供用配置schema调整图表的示例，虽然熟手可能一眼就懂配置代码的插入位置，但我花了不少时间才摸清楚，所以把配置方法分享出来。

PacketDiagramConfig 配置属性 #

默认配置示例 #

---
title: "Example Packet"
config:
    packet: # 使用默认值
        rowHeight: 32
        bitWidth: 32
        bitsPerRow: 32
        showBits: ture
        paddingX: 5
        paddingY: 5
---
packet-beta
0-7: "Part 1"
8-15: "Part 2"
16-31: "Part 3"
32-63: "Part 4"

注：代码中showBits: ture为拼写错误，实际使用时需改为showBits: true

修改配置后的示例 #

调整bitWidth和bitsPerRow为16，同时增大paddingX，可以得到不同的显示效果：

---
title: "Example Packet in another Look"
config:
    packet: # 修改配置值
        rowHeight: 32
        bitWidth: 16
        bitsPerRow: 16
        showBits: ture
        paddingX: 10
        paddingY: 5
---
packet-beta
0-7: "Part 1"
8-15: "Part 2"
16-31: "Part 3"
32-63: "Part 4"

内容的提问来源于stack exchange，提问作者TikTeK