一：准备工作

1.安装虚拟串口工具(vspd)，便于进行串口之间数据通信。

2.安装串口调试工具，能够收发串口数据。

3.安装notepadd++,便于进行json配置文件的编辑。

二：数据模拟以及分析

1.先使用虚拟串口工具添加一对串口。

2.打开串口调试工具以及Serial Studio项目的可执行文件。进行串口通讯的相关配置

3.本可视化工具的精华，选择地图的配置文件（json格式），相关的图形数据展示都是通过这个配置文件进行相应的展示的，json数据文件如下。

{
   "t":"%1",
   "g":[
      {
         "t":"Mission Status",
         "d":[
            {
               "t":"Runtime",
               "v":"%2",
               "u":"ms"
            },
            {
               "t":"Packet count",
               "v":"%3"
            },
            {
               "t":"Battery voltage",
               "v":"%4",
               "g":true,
               "u":"V",
               "w":"bar",
               "min":3.6,
               "max":4.3
            }
         ]
      },
      {
         "t":"Sensor Readings",
         "d":[
            {
               "t":"Temperature",
               "v":"%5",
               "g":true,
               "u":"°C",
               "w":"bar",
               "min":0,
               "max":80
            },
            {
               "t":"Altitude",
               "v":"%6",
               "u":"m",
               "w":"bar",
               "min":0,
               "max":3000
            },
            {
               "t":"Pressure",
               "v":"%7",
               "u":"KPa",
               "g":true,
               "w":"bar",
               "min":54,
               "max":102
            },
            {
               "t":"External Temperature",
               "v":"%8",
               "g":true,
               "u":"°C",
               "w":"bar",
               "min":0,
               "max":80
            },
            {
               "t":"Humidity",
               "v":"%9",
               "g":true,
               "u":"%",
               "w":"bar",
               "min":0,
               "max":100
            }
         ]
      },
      {
         "t":"GPS",
         "w":"map",
         "d":[
            {
               "t":"GPS Time",
               "v":"%10"
            },
            {
               "t":"Longitude",
               "v":"%11",
               "u":"°E",
               "w":"lon"
            },
            {
               "t":"Latitude",
               "v":"%12",
               "u":"°N",
               "w":"lat"
            },
            {
               "t":"Altitude",
               "v":"%13",
               "u":"m"
            },
            {
               "t":"No. Sats",
               "v":"%14"
            }
         ]
      },
      {
         "t":"Accelerometer",
         "w":"accelerometer",
         "d":[
            {
               "t":"X",
               "v":"%15",
               "u":"m/s^2",
               "g":true,
               "w":"x"
            },
            {
               "t":"Y",
               "v":"%16",
               "u":"m/s^2",
               "g":true,
               "w":"y"
            },
            {
               "t":"Z",
               "v":"%17",
               "u":"m/s^2",
               "g":true,
               "w":"z"
            }
         ]
      },
      {
         "t":"Gyroscope",
         "w":"gyro",
         "d":[
            {
               "t":"X",
               "v":"%18",
               "u":"°",
               "g":true,
               "w":"yaw"
            },
            {
               "t":"Y",
               "v":"%19",
               "u":"°",
               "g":true,
               "w":"roll"
            },
            {
               "t":"Z",
               "v":"%20",
               "u":"°",
               "g":true,
               "w":"pitch"
            }
         ]
      }
   ]
}

4.相关字段解释可参考https://github.com/Serial-Studio/Serial-Studio/wiki/Communication-Protocol

• t：项目标题（字符串，必填）----------------对应Excel的文档名称
• g：组（数组）
  • t：组标题（字符串，必填）
  • w：窗口小部件类型（字符串；可选-可以是：）
    • map：创建在地图上显示位置的小部件
    • bar：垂直进度栏（带有max＆min值）
    • gyro：陀螺仪指示器（带有x，y＆z值）
    • accelerometer：加速计指示（与x，y，＆z值）
  • d：组数据集（数组）
    • t：数据集标题（字符串，可选）
    • v：数据集值（变量，必填）
    • u：数据集单位（字符串，可选）
    • g：数据集图（布尔值，可选）
    • w：窗口小部件类型（字符串，取决于组窗口小部件类型，可能的值为：）
      • 对于gyro＆accelerometer小部件：
        • x：X轴的值
        • y：Y轴的值
        • z：Z轴的值
      • 对于map小部件：
        • lat：纬度
        • lon：经度
      • 对于bar小部件：
        • max：最大值
        • min：最小值

5.可以看书该json文件传输一组需要20个数据，所以串口工具发送的时候，按照下面的格式发。

6.当Serial Studio工具能正确解析json文件以及收到的数据，就会出翔图表数据。如下

7.传输的数据记录到excel表格，需要勾选创建CSV文件

8.打开CSV文件有两种方式，第一种使用Serial Studio可视化串口工具打开，会记录数据的动态播放展示。

第二种使用Excel表格直接打开，

9.窗口小部件

1. 推荐语

数据可视化一词缘于Python的流行，在Python中有诸如pyecharts，matplotlib等工具库可以调用，将一堆数据绘制成形象的图表，比如条形图，饼图等等，可以一眼就看出数据的变化趋势。

在嵌入式开发过程中，也有大量的传感器数据需要分析，这些数据在调试过程中都是由串口发送到串口助手查看，可是，面对串口助手里一行行的数据，真的可以分析出问题吗？

串口发送的数据都是以时间点为单位的，即每个时间点发送一个数据，这样的数据，如何做到可视化？显然，波形显示是最好的方式！

本文中推荐的工具是作者一直使用的，由 VCAN 我行科技开发的一款多功能串口助手，这里只介绍其中的虚拟示波器功能用法及使用案例，该工具获取方式见文末。

虚拟示波器功能界面如下：

该波形显示工具的优势如下：

• 支持多达8个通道
• 通道数据类型可选
• 通道名称可修改
• 通道可隐藏
• 可鼠标控制界面缩放和移动
• 可自动追踪数据
• 可快速把Y轴归零

这么好用的工具，如何使用呢？接下来慢慢讲述。

2. 工具用法

使用该工具时，首先在工具中打开对应下位机的串口，并设置好波特率，然后对应的下位机（嵌入式系统）只需要按照规定的格式发送数据即可，一次数据传输的通信协议的格式为：

 [0x03] [0xFC][…数据…][0xFC][0x03]

其中[…数据…]是一次的波形，不同的波形数量和数据类型，数据的长度就不相同。

eg.

假设现在单片机需要发送 5 个通道的数据显示， 都是uint8_t 类型（unsigned char），那么数据就是 5 个字节，从左往右是波形 1 到波形 5 的波形数据，单片机发送一次数据的流程如下：

• 先发送帧头： 0x03,0xFC
• 接着发送全部波形的数据（5个字节）
• 最后发送帧尾： 0xFC,0x03

这样就完成一次波形数据发送，可以在波形显示工具中看到波形。

3. 使用案例 —— ADC采集电压的可视化分析过程

在一次制作数字电压表的过程中，使用STM32自带的ADC采样直流电压并通过串口发送，但是在调节电位器变化ADC所采样的电压时，在串口助手中只有单纯的文字显示，只能看到变化前的电压值和变化后的电压值，在变化的这个阶段根本没法分析，所以就想到了使用该工具进行可视化分析。

根据之前所规定的协议，在发送电压值数据时加入了帧头和帧尾，这样工具里就可以用波形显示出ADC采样情况，果然，在ADC采样电压数据有变化时，波形如下：

数据看似还算平稳，可是这是在0-3.3V整体范围内的情况，再放大一下看看：

这是在+-1V的范围内，可以看到数据出现了剧烈抖动，如果没有这个工具，这个问题是根本没法诊断出来的，接下来我对ADC采样的数据进行软件滤波，消除电位器引起的脉冲性抖动噪声，软件滤波算法采用递推平均滤波算法，把连续取到的10个采样值看成一个队列，每次采样到一个新的数据放入队尾，并扔掉原来队首的一次数据，将队列中的10个数据进行算术平均运算，获得滤波结果。

加入滤波算法之后再次用波形显示软件观察相同点数据，如图所示，可以看到数据稳定在69.0，变为一条平滑的直线：

最后再观察整个0-5V采样范围内的波形显示，如图所示，波形平滑：

以上就是我使用该工具的一个典型案例，在嵌入式开发中还有很多的地方可以使用该工具可以帮助我们诊断一些细节问题：

• 在电赛中使用FDC2214测电容值时；
• 在项目中测量MQ-2气体传感器数据时，使用该工具可针对性的设计算法，避免误报警；
• ……

说了这么多，还没说该工具如何获得，老规矩：

在公众号『mculover666』回复 串口数据可视化 关键词即可获得安装包~