【开源的串口可视化工具——Serial Studio】

1. Serial Studio前言

分享一个开源的串口项目——Serial Studio，这是一个强大的数据可视化软件，支持串口通信，串口终端，网络通信 TCP/UDP，MQTT通信协议。这个项目遵循MIT协议，所以是可以商用的。

Serial Studio 允许您轻松地显示、处理和导出嵌入式项目中的数据。该应用程序能够与串行端口、网络套接字和 MQTT 代理进行交互。

项目的主页地址：https://serial-studio.github.io/

2. Serial Studio特点

1. 多个小部件

使用 FFT 图表、多数据图、对数图、仪表、条形小部件等可视化您的数据。

2. 导出您的数据

Serial Studio 可以根据从您的嵌入式设备接收到的数据实时生成 CSV 文件。

3. 数据完整性检查

支持 CRC-8、CRC-16 和 CRC-32 校验和。有关更多信息，请查看此问题。

4. 项目编辑

无需打开代码编辑器或阅读 wiki 即可轻松创建和编辑您的项目。

3. Serial Studio下载安装

源代码已经托管到Github上，项目地址：https://github.com/Serial-Studio/Serial-Studio

这个项目已经累积到2.8K的star了 ，这个项目的源码是完全开发的，所以非常方便进行二次开发，增加一些自己想要的功能。编译本项目的唯一要求是在你的电脑系统中安装 QT ， 本项目编译支持 Qt 5.15。在GNU/Linux系统上，还需要安装libgl1-mesa-dev才能编译应用程序。
已使用的Qt模块的完整列表：

• Qt SVG
• Qt Quick
• Qt Widgets
• Qt Networking
• Qt Serial Port
• Qt Print Support
• Qt Quick Widgets
• Qt Quick Controls 2

这个项目的具体构建过程可以参考GitHub上的构建说明，基于Python环境。如果想要直接使用软件的话，直接进行下载安装即可。
下载地址：https://github.com/Serial-Studio/Serial-Studio/releases

这里我下载并安装了软件，进行了简单的试用，整体来说，很不错。

安装后主界面

4. Serial Studio使用

这里需要加载一个json文件，对于控制面板里的每一个组件，需要在json中配置好，然后通信协议发送特定格式的数据，就可以将数据可视化地显示出来了。

4.1 配置文件

json文件配置，打开Serial Studio，点击json编辑器

设置json解析格式，首先添加组别，包含帧头、分隔符、帧尾以及数据显示格式，记得申请保存哟！下面是两组数据state1，state2


下面就是配置的json文件

{
    "frameEnd": "*/",
    "frameStart": "/*KAANSATQRO,",
    "groups": [
        {
            "datasets": [
                {
                    "alarm": 0,
                    "fft": false,
                    "fftSamples": 1024,
                    "graph": true,
                    "led": true,
                    "log": false,
                    "max": 0,
                    "min": 0,
                    "title": "state1",
                    "units": "",
                    "value": "%1",
                    "widget": ""
                },
                {
                    "alarm": 0,
                    "fft": false,
                    "fftSamples": 1024,
                    "graph": true,
                    "led": true,
                    "log": false,
                    "max": 0,
                    "min": 0,
                    "title": "state2",
                    "units": "",
                    "value": "%2",
                    "widget": ""
                }
            ],
            "title": "led",
            "widget": ""
        }
    ],
    "separator": ",",
    "title": "test"
}

4.2 数据来源

1. 采用串口在线输入
   
   格式需与上面一致

/*KAANSATQRO,0,0*/

显示效果

2. 采用csv离线导入
   
   部分数据截图
   
   演示效果：
   

参考文献：
我又发现一个开源串口神器，太强了
Serial Studio+json配置文件+csv
下面是详细实用说明：
https://www.alex-spataru.com/blog/introducing-serial-studio
https://github.com/Serial-Studio/Serial-Studio/wiki/Introduction-to-widgets